$("#selectAll").change(function() { $("input:checkbox").prop('checked', $(this).prop("checked")); });
<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>