好东西不私藏,大家一起分享!爱站云 用心做
广告位 后台主题配置管理

网站首页 爱站云资源网 技术教程 正文

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

梦哥 2019-02-14 技术教程 0 评论

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


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

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

这种也是很简单

本文地址:https://www.feiniaomy.com/post/246.html




< 爱站云SEO >
本站所有文章,未经允许一律不允许转载,违者后果自负
本站为SEO教学博客,学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
本站部分文章存在于网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

站长QQ:207385345  官方QQ群:333914614


猜你喜欢

本文暂时没有评论哦(●'◡'●)

欢迎 发表评论:

温馨提示:(登陆后才可以评论哦!点我QQ登录哦,若已登录请忽略)。
搜索
标签列表
关于我们
本人提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
联系我们:给我发QQ消息  加入QQ群
爱站云安全认证