javascript - div 内的复选框。使用 jquery 1.9.1 单击选中或取消选中

Question

您好，当我单击带有文本的 div 时，我想选中或取消选中复选框。使用 jquery 1.9.1 这是 js fiddle 的链接

<div class="tel_show">
    <input type="checkbox" name="whatever" />
    &nbsp; visible
</div>

$("div.tel_show").live("click",function(event) {
    var target = $(event.target);
    if (target.is('input:checkbox')) return;

    var checkbox = $(this).find("input[type='checkbox']");

    if( checkbox.attr("checked") == "" ){
        checkbox.attr("checked","true");
    } else {
        checkbox.attr("checked","");
    }
});

js fiddle link

Answer 1

在 jQuery 1.9.x 上不推荐使用 .live()，也不推荐使用 checked html 属性来切换复选框，使用 。 prop('checked') 相反，您更新后的代码应该是:

$("div.tel_show").on("click",function(event) {
    var target = $(event.target);
    if (target.is('input:checkbox')) return;

    var checkbox = $(this).find("input[type='checkbox']");

    if( !checkbox.prop("checked") ){
        checkbox.prop("checked",true);
    } else {
        checkbox.prop("checked",false);
    }
});

参见 working fiddle