在使用 JQuery 開發頁面的時候,我們通常會遇到這樣一種需求:
當用戶選中某個元素時,其他元素的選中狀態就要取消。這種需求在列表或表格等多選場景下尤其常見。
// 選中自己,取消別的選中 $('input[type="checkbox"]').click(function() { if ($(this).is(':checked')) { $('input[type="checkbox"]').not($(this)).prop('checked', false); } });
以上代碼實現了當用戶選中一個 Checkbox 時,將其他 Checkbox 的選中狀態取消。
具體實現方法是為每個 Checkbox 元素綁定 click 事件,然后判斷當前 Checkbox 是否處于選中狀態,如果是,就取消其他 Checkbox 的選中狀態。
以上就是使用 JQuery 實現選中自己、取消別的選中的簡單示例。
上一篇css tb不顯示邊框
下一篇docker加命令行參數