More than 1 year has passed since last update.

jquery1.10.1で checkboxを選択すると、他のチェックボックスを全選択させようとした。

そして無駄にハマったのでメモ

<input type="checkbox" id="check-all">
<input type="checkbox" value="1" name="a" class="bar">
<input type="checkbox" value="2" name="b" class="bar">
<input type="checkbox" value="3" name="c" class="bar">
$('#check-all').on('click', function() {
  $('input.bar:checkbox').attr('checked', $(this).is(':checked'));  
});
$('#check-all').on('click', function() {
  $('input.bar:checkbox').prop('checked', $(this).is(':checked'));  
});

誤のほうだと、2回目までは問題ないが、3回目からは、checked=checkedが付与されるのに
画面上はチェックが入らない現象になった。