Radio JQuery (butang radio) kaedah operasi summary_jquery

Apabila Jquery semakin berguna, semakin ramai rakan menggunakannya. Dalam Web, disebabkan kekerapan penggunaan kawalan yang tinggi seperti CheckBox, Radiobutton dan DropDownList, ia berkaitan dengan pengendalian kawalan ini dalam Jquery. Memandangkan versi Jquery dikemas kini dengan cepat, cara menulis kod juga telah banyak berubah Kod Jquery berikut sesuai untuk query1.4 dan ke atas.

1 Dapatkan nilai yang dipilih, tiga kaedah tersedia:

Salin kod Kod adalah seperti berikut:

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

2. Tetapkan Radio pertama sebagai nilai yang dipilih:

Salin kod Kod adalah seperti berikut:

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

atau

Salin kod Kod adalah seperti berikut:

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

Nota: attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3. Tetapkan Radio terakhir sebagai nilai yang dipilih:

Salin kod Kod adalah seperti berikut:

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

atau

Salin kod Kod adalah seperti berikut:

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

4. Tetapkan mana-mana radio sebagai nilai yang dipilih mengikut nilai indeks:

Salin kod Kod adalah seperti berikut:

$('input:radio').eq(nilai indeks).attr('ditanda', 'benar');Nilai indeks=0,1,2....

atau

Salin kod Kod adalah seperti berikut:

$('input:radio').slice(1,2).attr('checked', 'true');

5. Tetapkan Radio kepada nilai yang dipilih mengikut nilai Nilai

Salin kod Kod adalah seperti berikut:

$("input:radio[value='rd2']").attr('checked','true');

atau

Salin kod Kod adalah seperti berikut:

$("input[value='rd2']").attr('checked','true');

6. Padamkan Radio yang Nilainya rd2

Salin kod Kod adalah seperti berikut:

$("input:radio[value='rd2']").remove();

7. Radio mana yang hendak dipadamkan

Salin kod Kod adalah seperti berikut:

$("input:radio").eq(nilai indeks).buang(); nilai indeks=0,1,2....

Contohnya, padamkan Radio ketiga:$("input:radio").eq(2).remove();

8. Radio Traverse

Salin kod Kod adalah seperti berikut:

$('input:radio').each(function(index,domEle){

//Tulis kod

});