如何使用 jQuery 或纯 JS 重置文档中的所有复选框?
如何使用 jQuery 或纯 JS 重置所有复选框?
IT技术
javascript
jquery
checkbox
2021-02-27 19:59:30
6个回答
如果您的意思是如何从所有复选框中删除“已选中”状态:
$('input:checkbox').removeAttr('checked');
如果你想使用表单的重置功能,你最好使用这个:
$('input[type=checkbox]').prop('checked',true);
或者
$('input[type=checkbox]').prop('checked',false);
貌似removeAttr()
不能重置form.reset()
。
我以前用过这个:
$('input[type=checkbox]').prop('checked', false);
似乎 .attr 和 .removeAttr 在某些情况下不起作用。
编辑:请注意,在 jQuery v1.6 及更高版本中,您应该.prop('checked', false)
改用以获得更大的跨浏览器兼容性 - 请参阅https://api.jquery.com/prop
上面的答案对我不起作用 -
以下工作
$('input[type=checkbox]').each(function()
{
this.checked = false;
});
这可确保取消选中所有复选框。
在某些情况下,默认情况下可能会选中该复选框。如果要恢复默认选择而不是设置为未选择,请比较defaultChecked
属性。
$(':checkbox').each(function(i,item){
this.checked = item.defaultChecked;
});