智慧大石
2023-04-14 14:10:19
頁(yè)面有很多個(gè) checkbox,希望點(diǎn)重置后,能夠?qū)⑿」吹倪x擇恢復(fù)默認(rèn)(默認(rèn)情況下,有些勾是已選了的)我嘗試了用$('input:checkbox').removeAttr('checked');
3 回答

慕斯王
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊
可以在頁(yè)面載入的時(shí)候先獲取已經(jīng)選中的checkbox.
$(function(){ var $defaults = $('input:checkbox[checked]'); function reset_checkeds(){ $('input:checkbox').attr('checked', false); $defaults.attr('checked', true); } });
然后重置的時(shí)候調(diào)用reset_checkeds函數(shù)就可以了:
<button type="button" onclick="reset_checkeds()">重置</button>
需要補(bǔ)充的是如果你的這些checkbox屬于一個(gè)form表單,直接條用表單的reset方法就可以了.

呼如林
TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超3個(gè)贊
用戶點(diǎn)擊時(shí),添加一個(gè) className 作標(biāo)識(shí)
('input:checkbox').click(function(){$(this).addClass('userClick')})
需要重置的時(shí)候,使用
$('input.userClick:checkbox').removeAttr('checked');

米琪卡哇伊
TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊
建議的解決方式就是在元素上寫(xiě)一個(gè)屬性保存默認(rèn)的選中狀態(tài)。比如:
對(duì)應(yīng) <input type='checkbox' id='userName' data-checked='true' checked/>這樣的默認(rèn)狀態(tài)。
重置的話,遍歷一遍即可,如果data-checked為true,則默認(rèn)選中,否則默認(rèn)不選中
添加回答
舉報(bào)
0/150
提交
取消