动态复选框 - 通过onclick功能检查

时间:2016-07-19 07:33:17

标签: javascript jquery html checkbox

说我有一些像下面这样的复选框:

<label class="ck-button" id="1">
    <input type="checkbox" name="form-field-checkbox" class="ace chkb">
    <span class="lbl txt" >1</span>japan      
</label>
<label class="ck-button" id="2">
    <input type="checkbox" name="form-field-checkbox" class="ace chkb">
    <span class="lbl txt" >2</span>Uk  
</label>
<label class="ck-button" id="3"> 
    <input type="checkbox" name="form-field-checkbox" class="ace chkb">        
    <span class="lbl txt" >3</span>USA     
</label>

由于我特别使用了此复选框,因此我有一个函数来阻止它的默认操作,并使用prop()进行检查。我在这里使用$(this)是因为我有很多类似的按钮。

$(".ck-button").click(function(event) {
    event.preventDefault();
    $(this).find(".ace .chkb").prop('checked', true);
});

我认为find()允许我访问该复选框并检查它但它不起作用,为什么?

0 个答案:

没有答案