Ringkasan cara mengendalikan Radio menggunakan jquery

Ringkasan cara mengendalikan Radio menggunakan jquery_jquery

WBOY

Lepaskan： 2016-05-16 16:33:16

asal

1195 orang telah melayarinya

Radio sering digunakan dalam pembangunan untuk mencapai kesan pemilihan pengguna Saya telah mengumpulkan beberapa kaedah menggunakan JQUERY untuk mengendalikan Radio dalam projek ini.

1. Tukar pemilihan radio dan cetuskan beberapa kesan

Salin kod Kod adalah seperti berikut:

$("input:radio[name='dialCheckResult']").tukar(fungsi (){ //Dail

makluman(“123”);

});

2. Jadikan semua radio dalam halaman tersedia.

$("input:radio").attr("disabled",false);

3. Jadikan semua radio dalam halaman tidak tersedia.

$("input:radio").attr("disabled","disabled");

4. Jadikan radio dipilih.

$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);

5. Jadikan radio "tidak dipilih" dalam halaman tidak tersedia.

$("input:radio:not([checked])").attr("disabled","disabled");

6. Lintas radio dalam keadaan yang dipilih Kecuali untuk satu radio, tetapan radio dalam keadaan "dipilih" yang lain berada dalam keadaan "tidak dipilih".

Salin kod Kod adalah seperti berikut:

$('input:radio:checked').setiap(fungsi(i,val){

if(val.name != "dialCheckResult" ){

$("input:radio[name='" val.name "']:checked").attr('checked',false);

}

});

7. Jadikan semua radio "tidak dipilih" tidak tersedia.

$("input:radio:not([checked])").attr("disabled","disabled");

8. Dapatkan nilai radio NAMA tertentu yang dipilih.

var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;

9. Letakkan semua radio dalam keadaan "dipilih" ke dalam keadaan "tidak dipilih".

$('input:radio:checked').attr('checked',false);

10. Letakkan semua radio pada halaman ke dalam keadaan "dipilih" atau "tidak dipilih".

$("input:radio").attr("checked",true);

$("input:radio").attr("checked",false);