jquery mengosongkan kotak semak di bawah divx tertentu

1. Fahami pemilih elemen dalam jQuery

Sebelum mula menggunakan jQuery untuk mengendalikan elemen DOM, kita perlu memahami pemilih elemen dalam jQuery. Pemilih elemen ialah sintaks untuk memilih satu atau lebih elemen daripada dokumen DOM. Ia menggunakan enjin Sizzle JS dalam pustaka JavaScript, yang terutamanya berdasarkan pemilih CSS untuk memilih elemen yang biasa digunakan termasuk yang berikut:

1. Pemilih ID: Gunakan simbol tanda paun (#). Contohnya: $("#myDiv") akan memilih elemen dengan ID "myDiv".
2. Pemilih kelas: Gunakan notasi titik (.). Contohnya: $(".myClass") akan memilih elemen dengan kelas "myClass".
3. Pemilih teg: Hanya tulis nama teg terus. Contohnya: $("div") akan memilih semua
4. Pemilih atribut: Anda boleh memilih elemen berdasarkan nilai atributnya. Contohnya: $("[name='myCheckbox']") bermaksud untuk memilih semua elemen yang atribut namanya sama dengan nilai "myCheckbox".

2. Gunakan jQuery untuk mengosongkan kotak pilihan di bawah

$("#myDiv input[type='checkbox']").remove();

<div id="myDiv">
  <label><input type="checkbox" name="fruit" value="apple">苹果</label>
  <label><input type="checkbox" name="fruit" value="banana">香蕉</label>
  <label><input type="checkbox" name="fruit" value="orange">橙子</label>
</div>
<button id="clearButton">清除复选框</button>

$("#clearButton").click(function() {
  $("#myDiv input[type='checkbox']").remove();
});