Jquery选择div元素内的复选框

时间:2012-12-12 08:12:42

标签: jquery

我在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
});​

请建议..

NAV。

5 个答案:

答案 0 :(得分: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" />

答案 1 :(得分:0)

您可以通过

执行此操作
$('#btn').click(function(){
 $('#chk1').attr("checked","true");
})

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

答案 2 :(得分:0)

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

而不是上面的..尝试使用

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

答案 3 :(得分:0)

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

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



    });

答案 4 :(得分:0)

解决方案的最佳方式是使用标签而不是像这样的div

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

所以你不需要javascript代码!