jquery - div要素内のJquery選択チェックボックス

Question

div 要素内にチェックボックスがあります。ボタンをクリックするたびにチェックボックスをチェック済みとしてマークしたいと思います.. div要素タグは次のとおりです

<div class ="test123" style ="width:90px;">
<input id = "chk1" type = "checkbox" value="on"/>
</div>

私はこのようなことをしていますが、うまくいきません

$(".test123 ").find("input:checked").each(function() {
    //code to check the checkbox
});​

提案してください..

ナビ。

Answer 1

$('#btn').click(function(){

    $('.test123').find('input[type=checkbox]').attr('checked','true');



    });

Answer 2

$('.btn').click(function(){
 $('#chk1').attr('checked','checked'); // $('#chk1').attr("checked","true");
})

どちらもうまくいくはずです。

HTML

<div class ="test123" style ="width:90px;">
<input id = "chk1" type = "checkbox" value="on"/>
</div>
<input type="button" class="btn" />

Answer 3

ソリューションの最善の方法は、このような div の代わりにラベルを使用することです

<label class ="test123" style ="width:90px;">
    <input id="chk1" type="checkbox" value="on"/>
</label>

したがって、JavaScript コードは必要ありません。

Answer 4

あなたはこれを行うことができます

$('#btn').click(function(){
 $('#chk1').attr("checked","true");
})

<input type="button" id="btn" />

Answer 5

$(".test123 ").find("input:checked").each(function() {

上記の代わりに..使用してみてください

    $("#button").click(function() {
        $(".test123").find("input:checkbox").each(function() {
            if($(this).attr('checked')) {
            } else {
                $(this).attr('checked','checked');
            }
        });
    });