Edit in JSFiddle

Result
JavaScript
CSS
HTML

$("#piyo").click(function() {
       $(".list").each(function() {
               this.disabled = !this.disabled;
            });
    });

div{margin:50px;}

<div>
    <label><input type="checkbox" id="piyo">All disable</label><br>
<label><input type="checkbox" class="list" value="1">foo</label>
<label><input type="checkbox" class="list" value="2">bar</label>
<label><input type="checkbox" class="list" value="3">hoge</label>
<label><input type="checkbox" class="list" value="4">huga</label>
</div>