Bagaimana untuk Semak atau Nyahtanda Kotak Semak Dengan Betul Menggunakan jQuery?

Menetapkan "ditandai" untuk Kotak Semak dengan jQuery

Ramai pembangun ingin menetapkan atribut "ditandakan" kotak pilihan menggunakan jQuery, dan sesetengah mungkin cuba menggunakan kaedah seperti .checked() atau .selected(). Walau bagaimanapun, kaedah ini tidak wujud dalam jQuery.

jQuery moden

Untuk menetapkan atribut "ditandakan" dalam versi moden jQuery, gunakan .prop( ) kaedah:

$('.myCheckBox').prop('checked', true);  // Check the checkbox
$('.myCheckBox').prop('checked', false); // Uncheck the checkbox

DOM API

Pilihan lain ialah untuk mengakses objek HTMLInputElement yang mendasari dan terus menetapkan sifat .checked:

$('.myCheckBox')[0].checked = true;  // Check the checkbox
$('.myCheckBox')[0].checked = false; // Uncheck the checkbox

jQuery 1.5.x dan Di Bawah

Untuk versi lama jQuery (sebelum 1.6), kaedah .prop() tidak tersedia, jadi anda boleh menggunakan .attr() sebaliknya:

$('.myCheckBox').attr('checked', true);  // Check the checkbox
$('.myCheckBox').attr('checked', false); // Uncheck the checkbox

Adalah penting untuk ambil perhatian bahawa semasa menggunakan .removeAttr('checked') mungkin kelihatan seperti pendekatan yang munasabah, ia boleh membawa kepada tingkah laku yang tidak dijangka apabila berinteraksi dengan borang yang termasuk kotak pilihan. Oleh itu, menggunakan .prop() atau .attr() ialah kaedah pilihan untuk menetapkan atribut "checked" dengan jQuery.

Atas ialah kandungan terperinci Bagaimana untuk Semak atau Nyahtanda Kotak Semak Dengan Betul Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!