I am disabling a form based on a checkbox...
I am having trouble adding the disabled attribute.
here is what I got so far: HTML:
<table id="shipInfoTable">
<tr>
<td>Name:</td>
<td><input type="text" name="name" /></td>
</tr>
...
</table>
Javascript selector/attribute manipulation(jquery):
$("#shipInfoTable tbody tr td input").each(function(index, item){
item.attr("disabled", true);
});
Chrome Dev Console error:
Uncaught TypeError: Object #<an HTMLInputElement> has no method 'attr'
When I alert out the item
within the .each()
it alerts [object HTMLInputElement]
Not quite sure how to select the input element properly. What am I doing wrong?
The function will not give you a jQuery object. It should be:
$("#shipInfoTable input").each(function(index, item){
$(item).attr("disabled", true);
});
(note that I also simplified your selector, it still works)
If you aren't doing anything eles with each item, this will work as well:
$("#shipInfoTable input").attr("disabled", true);
....
$("#shipInfoTable tbody tr td input").each(function(){
$(this).attr("disabled", true);
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With