Basic JQuery List Selectall

A simple select all using JQuery

by Darren Welch

HTML

<form action="#">
 <p><label><input type="checkbox" id="selectAll"/> Select all</label></p>
    
    <fieldset>
        <legend>Shopping List</legend>
        <p><label><input type="checkbox" /> Apples</label></p>
        <p><label><input type="checkbox" /> Bread</label></p>
        <p><label><input type="checkbox" /> Milk</label></p>
        <p><label><input type="checkbox" /> Eggs</label></p>
        <p><label><input type="checkbox" /> Juice</label></p>
        <p><label><input type="checkbox" /> Bananas</label></p>
        <p><label><input type="checkbox" /> Rice</label></p>
    </fieldset>
 </form>

JavaScript

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