使用jq获取HTML中的radio元素的值

爱折腾的星云 226
OUIMS博客广告

好了,废话不多说,教程开始


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

使用jq获取HTML中的radio元素的值-第1张图片-OUIMS博客

几种利用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或其它一些方便的编程语言来实现。

这种也是很简单的

标签: 精品教程 代码教程

OUIMS博客广告

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~