Bagaimana untuk menetapkan butang radio untuk dipilih dalam jquery (dua kaedah)

Dalam pembangunan bahagian hadapan, butang radio ialah kawalan bentuk yang sangat biasa. Dalam sesetengah kes, kami mungkin perlu menetapkan butang radio kepada keadaan yang dipilih apabila halaman dimuatkan dan bukannya menunggu pengguna mengendalikannya secara manual. Pada masa ini, kita boleh menggunakan jQuery untuk mencapai keperluan ini.

Berikut ialah dua kaedah yang biasa digunakan dan mudah.

Kaedah 1: Gunakan kaedah .prop()

.prop() kaedah digunakan untuk mendapatkan nilai atribut elemen padanan pertama. Kita boleh menggunakan kaedah .prop() untuk menetapkan keadaan butang radio yang dipilih. Pelaksanaan khusus adalah seperti berikut:

//选中id为radio1的单选框
$("#radio1").prop("checked", true);

Dalam kod di atas, kami mula-mula memilih pemilih id butang radio, dan kemudian menggunakan kaedah .prop() untuk menetapkan status yang dipilih kepada benar. Dengan cara ini, selepas halaman dimuatkan, butang radio akan dipilih secara automatik.

Kaedah 2: Gunakan kaedah .attr()

.attr() kaedah digunakan untuk mendapatkan nilai atribut yang ditentukan. Berikut ialah pelaksanaan menggunakan kaedah .attr() untuk menetapkan keadaan butang radio yang dipilih:

//选中name为radio的值为value的单选框
$("input[name='radio'][value='1']").attr("checked", true);

Dalam kod di atas, kami mula-mula memilih pemilih nama butang radio dan menentukan nilai sebagai '1 ', dan akhirnya gunakan kaedah .attr() untuk menetapkan status yang dipilih kepada benar.

Perlu diambil perhatian bahawa apabila menggunakan kaedah .attr() untuk menetapkan keadaan butang radio yang dipilih, anda juga boleh menggunakan kaedah prop() Kesan kedua-duanya adalah sama.

Selain daripada dua kaedah di atas, anda juga boleh menggunakan kaedah .val() untuk menetapkan nilai butang radio yang dipilih. Pelaksanaan khusus boleh diamalkan sendiri dan tidak akan diulang di sini.

Ringkasnya, dalam pembangunan bahagian hadapan, adalah sangat mudah dan mudah untuk menggunakan jQuery untuk menetapkan keadaan butang radio yang dipilih. Kita hanya perlu memilih kaedah yang sesuai untuk memenuhi keperluan kita.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan butang radio untuk dipilih dalam jquery (dua kaedah). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!