Rumah > hujung hadapan web > tutorial js > Radio JQuery (butang radio) kaedah operasi summary_jquery

Radio JQuery (butang radio) kaedah operasi summary_jquery

WBOY
Lepaskan: 2016-05-16 16:03:51
asal
1412 orang telah melayarinya

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

});

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan