Bagaimana untuk Semak atau Nyahtanda Kotak Semak secara Dinamik dengan JavaScript?

Memanipulasi Keadaan Kotak Pilihan Secara Dinamik dengan JavaScript

JavaScript menyediakan pelbagai kaedah untuk mengawal keadaan kotak pilihan yang ditandai daripada halaman web. Begini caranya untuk menandai atau menyahtanda kotak pilihan:

Menggunakan Harta Bertanda

Sifat bertanda bagi elemen boleh ditetapkan terus kepada benar atau palsu untuk menandai atau menyahtandanya.

// Semak
document.getElementById("checkbox").checked = true;

// Nyahtanda
document.getElementById("checkbox").checked = false;

Menggunakan jQuery (v1.6 )

jQuery menyediakan prop(), kaedah yang lebih fleksibel untuk memanipulasi sifat elemen, termasuk keadaan yang ditandai:

// Semak
$(" #checkbox").prop("checked", true);

// Nyahtanda
$("#checkbox").prop("checked", false);

Menggunakan jQuery (v1.5-)

Sebelum jQuery v1.6, kaedah attr() telah digunakan untuk manipulasi sifat. Walaupun masih berfungsi, ini bukan pendekatan yang paling boleh dipercayai untuk kotak pilihan:

// Semak
$("#checkbox").attr("checked", true);

// Nyahtanda
$("#checkbox").attr("checked", false);

Dengan memanfaatkan kaedah ini, anda boleh secara dinamik kemas kini keadaan kotak semak, membolehkan anda membina antara muka web interaktif dan mengawal input borang secara pengaturcaraan.

Atas ialah kandungan terperinci Bagaimana untuk Semak atau Nyahtanda Kotak Semak secara Dinamik dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!