Select All checkboxes using jQuery

<input type=”checkbox” id=”ckbCheckAll” />
<p id=”checkBoxes”>
<input type=”checkbox” class=”checkBoxClass” id=”Checkbox1″ />
<br />
<input type=”checkbox” class=”checkBoxClass” id=”Checkbox2″ />
<br />
<input type=”checkbox” class=”checkBoxClass” id=”Checkbox3″ />
<br />
<input type=”checkbox” class=”checkBoxClass” id=”Checkbox4″ />
<br />
<input type=”checkbox” class=”checkBoxClass” id=”Checkbox5″ />
<br />
</p>

 

jquery:

$(document).ready(function () {
$(“#ckbCheckAll”).click(function () {
$(“.checkBoxClass”).prop(‘checked’, $(this).prop(‘checked’));
});
});

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s