jquery - Jquery选择div元素内的复选框

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(){
 $('#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 2

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

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



    });

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');
            }
        });
    });