如何使用jquery获取HTML中的radio元素的值

再看那柔弱的柳树吧,在寒冬余威尚盛时节,就早早苏醒过来,望着冰冻的河面,迎着凛冽的寒风,它微微察觉出一丝春意,于是,不顾一切地率先吐翠,淡淡地披起娇黄嫩绿的新装。沿河望去,枝梢间烟纱雾彀,一片生机,这情景仿佛一首动人的歌,一首热烈向往春天的歌,一首报告春的信息的歌,一首表达美好信念的歌。我在想:既然迎春花被人称作报春花,那么,柳树可不可以叫作报春树呢春来了,万千柳枝在春风中袅袅舞动。柳树是热爱春天的,春天也是热爱柳树的。

好久没写文章了,今天就水一把。写个关于jquery中的一个小小的使用常识吧。

jquery可以说是一个使用最普遍的一个JS插件了,使用JQ可以很轻松的写出一个特定功能的JS代码,而又不用去记忆原生JS中那些长长的函数命令了。

Jquery,radio元素值,radio被选中值,jq获取radio值

几种利用Jquery来获取HTML标记语言中被选中radio元素的值

HTML表单中radio元素示例

HTML代码

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" checked="checked" />
<input type="radio" name="test" value="3" />

我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,

<input type="radio" name="test" value="2" checked="checked" />

利用jquery来获取HTML中radio一组元素中被选中项的值

哇码如下,只会获取被选中项的值

$('input[name="test"]:checked').val();、
$('input:radio:checked').val();、
$('input[@name="test"][checked]');
$('input[name="test"]').filter(':checked');

jquery遍历name为test的所有radio元素

代码如下

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

jquery获取具体某个radio的值,如第三项

代码如下

$('input[name="test"]:eq(2)').val()

以上就是种用jquery来操作获取HTML标记语言表单中的radio元素的指定值,当然你还可以通过JS或其它一些方便的编程语言来实现,很简单的。

您可能有感兴趣的文章
javascript 判断DIV是否隐藏的方法

input file选择文件后自动上传的代码

jQuery如何实现的经典竖向伸缩菜单效果代码

jquery获取form表单中的所有数据的方法

html给table中的行或单元格加链接的方法