jquery menambah atribut disemak

Dalam pembangunan web, menyerahkan borang adalah tugas yang sangat biasa. Borang biasanya termasuk butang radio dan kotak pilihan untuk mengumpul input daripada pengguna. Dalam sesetengah kes, kami mungkin perlu pra-pilih butang radio atau kotak semak secara lalai. Dalam kes ini, kita boleh menggunakan jQuery untuk menambah atribut yang disemak untuk mencapai matlamat kita.

jQuery menambah atribut yang diperiksa

Dalam jQuery, kita boleh menggunakan kaedah attr() untuk menambah atau mengubah suai atribut sesuatu elemen. Walau bagaimanapun, untuk butang radio dan kotak semak, kita harus memberi perhatian kepada menggunakan kaedah prop() untuk menetapkan atribut yang disemak dan bukannya menggunakan kaedah attr(). Ini kerana atribut yang disemak sebenarnya mewakili nilai Boolean dan kaedah attr() tidak boleh menetapkan atribut Boolean dengan betul.

Sebagai contoh, jika kita ingin pra-pilih butang radio, kita boleh menggunakan kod berikut:

$('input[name=sex][value=male]').prop('checked', true);

Dengan cara ini, butang radio bernama jantina dan nilai lelaki akan dipilih .

Begitu juga, jika kita ingin pra-pilih kotak pilihan, kita boleh menggunakan kod berikut:

$('input[name=hobby][value=sports]').prop('checked', true);

Dengan cara ini, kotak pilihan bernama hobi dengan sukan nilai akan dipilih.

Selain itu, kita juga boleh menggunakan cara lain untuk mencapai kesan yang sama, iaitu menambah atribut yang ditanda dalam elemen HTML. Walau bagaimanapun, kaedah ini tidak cukup fleksibel dan tidak lagi sesuai jika kita perlu memilih atau menyahpilih kotak radio atau kotak pilihan secara dinamik dalam program.

Sebagai contoh, coretan kod berikut boleh pra-pilih butang radio dalam HTML:

<input type="radio" name="sex" value="male" checked>

Walau bagaimanapun, jika kita ingin menyahpilih butang radio, kita perlu mengubah suai kod HTML secara manual , yang jelas bukan penyelesaian yang baik.

Kesimpulan

Menggunakan jQuery untuk menambah atribut yang disemak ialah cara yang mudah dan berkesan untuk pra-pilih butang radio dan kotak semak pada borang. Kita boleh menggunakan kaedah prop() untuk menetapkan atribut yang disemak dan bukannya menggunakan kaedah attr(). Dengan cara ini, ketepatan dan kebolehpercayaan kod boleh dijamin. Pada masa yang sama, anda juga boleh secara dinamik memilih atau menyahpilih butang radio atau kotak semak dalam program, menjadikan interaksi borang lebih fleksibel dan mudah.

Atas ialah kandungan terperinci jquery menambah atribut disemak. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!