prop kotak semak jquery tidak berfungsi

Baru-baru ini saya menghadapi masalah semasa menulis halaman web, iaitu, ia tidak berfungsi apabila menggunakan kaedah prop() jQuery untuk mengubah suai atribut yang ditandakan pada kotak semak. Selepas beberapa percubaan dan penyelidikan, akhirnya saya menemui penyelesaiannya, yang kini saya kongsikan dengan anda di bawah.

Pertama, mari kita lihat kod:

<input type="checkbox" class="my-checkbox" checked>

$(".my-checkbox").prop("checked", false);

Kod di atas kelihatan baik Kami menggunakan kaedah prop() jQuery untuk menukar atribut kotak semak yang ditandakan kepada false, iaitu , batalkan keadaan yang dipilih. Walau bagaimanapun, apabila kami menjalankan halaman web dalam penyemak imbas, kami mendapati bahawa kotak semak masih dipilih dan kaedah prop() tidak berfungsi.

Apa yang sedang berlaku? Sebenarnya, masalahnya terletak pada atribut yang diperiksa. Atribut yang disemak ialah atribut DOM, bukan atribut HTML. Apabila mengubah suai sifat DOM, anda harus menggunakan kaedah JavaScript asli dan bukannya kaedah prop() jQuery. Oleh itu, kita perlu menukar kaedah prop() kepada kaedah attr() supaya kita boleh mengubah suai atribut HTML Kodnya adalah seperti berikut:

$(".my-checkbox").attr("checked", false);

Selepas pengubahsuaian ini, jika kita menjalankan halaman web semula. , kami akan mendapati bahawa status kotak semak telah ditukar.

Selain itu, jika kita mahu menggunakan prop() untuk mengubah suai atribut yang disemak, itu juga mungkin. Walau bagaimanapun, anda perlu menukar parameter kedua prop() kepada nilai rentetan "true" atau "false" dan bukannya nilai Boolean. Kodnya adalah seperti berikut:

$(".my-checkbox").prop("checked", "false");

Dengan cara ini, kita boleh berjaya menggunakan kaedah prop() untuk mengubah suai atribut yang ditanda kotak semak.

Ringkasnya, apabila kami menggunakan kaedah prop() jQuery untuk mengubah suai atribut DOM, kami harus memberi perhatian untuk menggunakan atribut HTML dan bukannya atribut DOM. Di samping itu, apabila menggunakan kaedah prop(), anda juga boleh menukar parameter kedua kepada nilai rentetan untuk mengelakkan masalah yang nilai Boolean tidak dapat berfungsi dalam beberapa kes. Saya harap artikel ini dapat membantu anda mengelakkan masalah yang sama dan berjaya menyelesaikan kerja pengaturcaraan anda.

Atas ialah kandungan terperinci prop kotak semak jquery tidak berfungsi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!