jQuery check uncheck all checkboxes

by Richard Garside

HTML

<form action="#">
    <p><label><input type="button" onclick="selectAll()" id="checkAll"/> Check all</label></p>
    
    <fieldset>
        <legend>Loads of checkboxes</legend>
        <p><label><input type="checkbox" /> Option 1</label></p>
        <p><label><input type="checkbox" /> Option 2</label></p>
        <p><label><input type="checkbox" /> Option 3</label></p>
        <p><label><input type="checkbox" /> Option 4</label></p>
    </fieldset>
</form>

JavaScript

$("#checkAll").click(function () {
    $("fieldset input:checkbox").prop('checked', $(this).prop("checked"));
});

function selectAll() {
    $("fieldset input:checkbox").prop('checked', $(this).prop("checked"));
}