Jquery是一種流行的JavaScript庫,可以讓我們用更少的代碼來操作HTML文檔。在HTML表單中使用復選框既方便又實用。但是,有時候我們需要刪除一些已經被選中的復選框。下面我們將介紹如何使用jquery刪除復選框。
<script> $(document).ready(function(){ $("#deleteBtn").click(function(){ $("input:checkbox:checked").each(function(){ $(this).parent().remove(); }); }); }); </script>
首先,我們使用jQuery選擇器 $("#deleteBtn") 選擇刪除按鈕,并將點擊事件綁定到該按鈕上。在點擊按鈕時,我們使用jQuery選擇器 $(":checkbox:checked") 選擇選中的復選框。然后,我們使用each()方法迭代每個選中的復選框,并刪除它的父元素。
在這種情況下,我們假設每個復選框都有一個包裝器元素(例如,div,td等)。如果您的HTML代碼不包含包裝器元素,則需要相應地更改刪除代碼。
總之,jQuery是一個非常強大的工具,可以幫助我們簡化HTML和JavaScript代碼。通過使用jQuery選擇器和方法,我們可以輕松地操作HTML元素,包括復選框。