Bagaimana untuk Semak Butang Radio dengan jQuery: Panduan untuk Versi Berbeza?

Menyemak Butang Radio dengan jQuery: Panduan Komprehensif

Bagaimanakah anda boleh menyemak butang radio menggunakan jQuery? Ia adalah soalan biasa, terutamanya apabila bekerja dengan elemen dinamik. Artikel ini meneroka pelbagai pendekatan dan mengenal pasti kaedah yang paling sesuai berdasarkan versi jQuery anda.

Mari kita periksa kod HTML dan JavaScript yang disediakan dahulu:

<form>
    <div>

Kod yang disediakan cuba menyemak radio butang dengan pelbagai pemilih jQuery, tetapi tiada satu pun yang berfungsi. Mari kita siasat isu ini dan sediakan penyelesaian:

jQuery 1.6 dan Ke Atas:

Bermula dengan jQuery versi 1.6, kaedah pilihan untuk menyemak butang radio ialah:

$("#radio_1").prop("checked", true);

Kaedah prop() membenarkan anda menetapkan atau mendapatkan semula nilai sifat untuk elemen, termasuk keadaan butang radio yang ditandakan.

jQuery Di Bawah 1.6:

Untuk versi jQuery sebelum 1.6, gunakan sintaks berikut:

$("#radio_1").attr('checked', 'checked');

Kaedah attr() boleh menetapkan atribut untuk elemen, tetapi perlu diingat bahawa kaedah ini mungkin tidak sentiasa berfungsi secara konsisten merentas pelayar .

Pertimbangan Tambahan:

Untuk memastikan butang radio dikemas kini secara visual dan mana-mana pengendali acara dicetuskan, pertimbangkan untuk memanggil kaedah klik() atau change() pada butang radio selepas menetapkan keadaannya yang ditandai.

Sebagai Contoh:

$("#radio_1").prop("checked", true).click();

Atas ialah kandungan terperinci Bagaimana untuk Semak Butang Radio dengan jQuery: Panduan untuk Versi Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!