masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 如何使用Jquery获取Form表单中被选中的radio值_jquery

如何使用Jquery获取Form表单中被选中的radio值_jquery

WBOY
Lepaskan： 2016-05-16 17:26:01
asal
1217 orang telah melayarinya

Jquery提供的选择器极大的方便了开发人员对Dom的操作，真正实现了代码简化，却功能强大的目标。下面就日常最常用的，在Form表单中如何获取被中选的Radio值做一小小的示例。

form表单如下：

复制代码 代码如下:



此处略去200字
搁置

解决

转派4



那么如何获取被选中的radio值呢，Juqery为我们提供了如下几个方法
复制代码 代码如下:

$("input[name='opType']:checked").val() -------此方法估计用的比较多，通俗易懂

$("input:radio:checked").val(); ---------此方法最简单，但是连着使用选择器不容易懂
$("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked]，本人第一次就写成这个了

那么，偶尔也需要遍历一下radio，如何做呢？当然需要each出场了，具体如下：
复制代码 代码如下:

$('input[name="opType"]').each(function(){
alert(this.name+this.value);
});

应该明白了吧，若有什么更好的方法欢迎盖楼。
Label berkaitan：
jquery
sumber：php.cn
Artikel sebelumnya：jquery 利用show和hidden实现级联菜单示例代码_jquery Artikel seterusnya：jQuery :first选择器使用介绍_jquery
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
Artikel terbaru oleh pengarang
Isu terkini
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
daripada 2024-04-05 09:26:49
0
1
1418
Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
daripada 2024-04-04 18:40:04
0
1
3528
Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...
daripada 2024-04-04 17:27:27
0
1
417
Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...
daripada 2024-04-04 12:53:48
0
1
303
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan