My divs include inputs of type select, text input, checkbox and various others
I have successfully managed to set the attribute of disabled for all elements in a div to true using the code below in jQuery.
$("#for_all_div1 :input").attr("disabled", true);
$("#for_all_div2 :input").attr("disabled", true);
My question is how can I set the attributes for all inputs in the div but skip the checkbox inputs.
Thanks,
If you want to disable all input except checkbox use :not(:checkbox)
$("#for_all_div2 :not(:checkbox)").prop("disabled", true);
Also, it's better to use .prop() rather than .attr() for setting the disabled attribute.
Demo
$("#for_all_div2 :not(:checkbox)").prop("disabled", true);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="for_all_div2">
<input type="text" />
<input type="checkbox" />
</div>
use .not()
$("#for_all_div2 :input").not("[type=checkbox]")
.attr("disabled", true);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="for_all_div2">
<input type="text" /><br>
<input type="text" />
<input type="checkbox" />
</div>