Bagaimana untuk Memeriksa Butang Radio dengan Berkesan dengan jQuery?

Teknik Berkesan untuk Menyemak Butang Radio dengan jQuery

Dalam tutorial ini, kami menangani cabaran menyemak butang radio dengan jQuery. Kami meneroka pelbagai pendekatan dan petua penyelesaian masalah untuk memastikan kod anda beroperasi dengan sempurna.

Latar Belakang

Memandangkan penanda HTML berikut:

<form>
    <div>

Pendekatan Tidak Boleh Dipercayai

Percubaan untuk menyemak butang radio menggunakan kaedah berikut gagal:

1. attr('checked', true): Sementara ini pendekatan berfungsi dalam sesetengah kes, ia mungkin tidak mengemas kini keadaan butang radio dengan betul.
2. "input[value='1']".attr('checked', true): Kaedah ini bertujuan untuk memilih butang radio mengikut nilainya tetapi tidak menghasilkan hasil.
3. 'input:radio[name="type"]'.filter('[value="1"]').attr ('ditandai', benar): Walaupun merupakan pemilih yang lebih khusus, ia juga gagal untuk menyemak butang radio yang dimaksudkan.

Penyelesaian Berkesan

Bergantung pada versi jQuery yang anda gunakan, terdapat dua penyelesaian yang berdaya maju:

Untuk versi jQuery >= 1.6:

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

Untuk versi jQuery < 1.6:

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

Nota: Menerima Input Pengguna

Selepas menetapkan keadaan ditanda butang radio, disyorkan untuk memanggil klik() Acara atau change() pada butang untuk mencetuskan sebarang tindakan atau pengesahan yang diperlukan.

Atas ialah kandungan terperinci Bagaimana untuk Memeriksa Butang Radio dengan Berkesan dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!