javascriptでチェックボックスにチェックをいれたい

Question

まず、下記のチェックボックスあります。

<input id='checkBox' type='checkbox' class='area' value=" + cnt + " />

このチェックボックスに対して、下記のクリックイベントでチェックを入れる処理を実装していますが、なぜかチェックがされません。

～HTML
 <input id="all" type="button" value="All Select">

～javascript
$('#all').on('click', function () {
	    $('input.area:checkbox').prop('checked', $(this).is(':checked'));
	});

チェックを入れる方法の分かる方がいましたら、ご教授をお願いします。

Answer 1

 $('input.area:checkbox').prop('checked', $(this).is(':checked'));

の行ですが、ここでのthisはボタンを指していますので、ボタンがcheckedにならないためfalseを常にセットしていることになります。素直にtrueをセットしましょう。

あと本題とは関係ありませんが、チェックボックスを複数生成すると、idが重複してしまうようにも見えますが、そちらは問題ないでしょうか（labelなども正しく機能しませんし）。

Comments

[shoi]

解決することが出来ました、ありがとうございます。
ご指摘の点は問題ないので大丈夫です。