So you have a form on your web site and you want to add a way for a user to select all checkboxes for one of your questions in the form. Here’s an easy way to do just that using jQuery. Use the Javascript and HTML code below.

Javascript code with the function that will make this work:

<script type="text/javascript">
function checkAllBoxes(status) {
    $(".checkboxClass").attr("checked",status);
}
</script>

HTML code for the link to select all checkboxes:

<a style="text-decoration:underline;cursor:pointer;" onclick="checkAllBoxes(status);">Select all</a>

HTML code for the checkboxes:

<input type="checkbox" name="chkOption1" value="1" class="checkboxClass" />1
<input type="checkbox" name="chkOption2" value="2" class="checkboxClass" />2
<input type="checkbox" name="chkOption3" value="3" class="checkboxClass" />3

Remember that the checkbox’s class have to all be the same for those checkboxes that you want to check with the function. In this example the class is “checkboxClass”.