首页 > 开发 > JS > 正文

重置当已选择的 checkbox 小勾

2017-09-05 13:02:26  来源:网友分享

页面有很多个 checkbox,希望点重置后,能够将小勾的选择恢复默认(默认情况下,有些勾是已选了的)
我尝试了用

$('input:checkbox').removeAttr('checked');

结果那些默认已经选择了的内容也被清空了,有别的方法么?

解决方案

可以在页面载入的时候先获取已经选中的checkbox.

$(function(){    var $defaults = $('input:checkbox[checked]');    function reset_checkeds(){        $('input:checkbox').attr('checked', false);        $defaults.attr('checked', true);    }});

然后重置的时候调用reset_checkeds函数就可以了:

<button type="button" onclick="reset_checkeds()">重置</button>

需要补充的是如果你的这些checkbox属于一个form表单,直接条用表单的reset方法就可以了.