Javascript选择/取消选择表单中的所有复选框

我想做一个javascript全选/取消全选复选框

这是我的脚本，但它不起作用：

<form id="labels">
<input type="checkbox">
<input type="checkbox" id="select_all">
</form>
<script>
$('#select_all').click(function()
{
        if($("#select_all").is(':checked'))
        {
            $("form#labels input[type='checkbox']").prop('checked', false);
        }else{
            $("form#labels input[type='checkbox']").prop('checked', true);
        }
    });
</script>

$（“#全选”）。单击（函数（）
{
如果（$（“#全选”）。为（':checked'））
{
$（“form#labels input[type='checkbox']”）prop（'checked'，false）；
}否则{
$（“form#labels input[type='checkbox']”）prop（'checked'，true）；
}
});

使用

.change

事件-并参考

此

-此外，您可以将其缩短很多：

$('#select_all').change(function() {
    $("form#labels input[type='checkbox']").prop('checked', this.checked);
});

---

演示：

您应该交换

true

和

false

布尔值

$（'#全选'）。单击（函数（）{
如果（$（“#全选”）。为（':checked'））{
$（“form#labels input[type='checkbox']”）prop（'checked'，true）；
}否则{
$（“form#labels input[type='checkbox']”）prop（'checked'，false）；
}
});
您想发表评论吗？