Bagaimana untuk Togol Keadaan Kotak Semak dengan JavaScript?

Cara Melaksanakan Fungsi Togol Kotak Semak dengan JavaScript

Untuk mengurus keadaan kotak pilihan yang disemak secara dinamik, JavaScript menawarkan penyelesaian yang cekap. Mari kita terokai pelbagai pendekatan:

Menukar dengan JavaScript Asli

Akses kotak pilihan menggunakan IDnya menggunakan document.getElementById("checkbox"). Untuk menandai kotak, tetapkan sifatnya yang ditandai kepada benar. Sebaliknya, untuk menyahtandanya, tetapkan harta itu kepada palsu.

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

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

Menogol dengan jQuery (Versi 1.6 )

Dengan jQuery 1.6 dan ke atas, kaedah prop menyediakan cara mudah untuk mengubah suai keadaan kotak semak. Untuk menandai kotak, gunakan $().prop("checked", true). Untuk menyahtandanya, gunakan $().prop("checked", false).

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

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

Menogol dengan jQuery (Versi 1.5 dan ke bawah)

Dalam sebelumnya Versi jQuery (1.5 dan ke bawah), gunakan kaedah attr untuk mengawal keadaan kotak semak. Sintaks kekal sama seperti dalam kaedah prop.

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

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

Dengan menggunakan kaedah ini, anda boleh mengawal keadaan kotak pilihan yang disemak dengan lancar berdasarkan interaksi pengguna atau logik program dalam kod JavaScript anda.

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