よくある全選択チェックボックス jQuery 実装

こちらにインスパイアされました。

<ul>
    <li><label><input type="checkbox" id="all" /> Check all</label></li>
    <li><label><input type="checkbox" name="check" value="1" /> value 1</label></li>
    <li><label><input type="checkbox" name="check" value="2" /> value 2</label></li>
    <li><label><input type="checkbox" name="check" value="3" /> value 3</label></li>
    <li><label><input type="checkbox" name="check" value="4" /> value 4</label></li>
</ul>

$('#all').on('change', function() {
    $('input[name=check]').prop('checked', this.checked);
});

デモ
[2020-05-03 追記] サービス終了によりデモは利用できなくなりました。