使用jquery获取radio的值
2016-07-18 17:30
465 查看
转载自:http://blog.csdn.net/lubingda/article/details/7227051
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:
要想获取某个radio的值有以下的几种方法,直接给出代码:
1、
2、
3、
4、
差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下
如果要取具体某个radio的值,比如第二个radio的值,这样写
通过修改运行下面的实例,加深你的印象
顶
0
踩
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:
1.
<
input
type
=
"radio"
name
=
"testradio"
value
=
"jquery获取radio的值"
/>jquery获取radio的值<
br
/>
2.
<
input
type
=
"radio"
name
=
"testradio"
value
=
"jquery获取checkbox的值"
/>jquery获取checkbox的值<
br
/>
3.
<
input
type
=
"radio"
name
=
"testradio"
value
=
"jquery获取select的值"
/>jquery获取select的值<
br
/>
要想获取某个radio的值有以下的几种方法,直接给出代码:
1、
1.
$(
'input[name="testradio"]:checked'
).val();
2、
1.
$(
'input:radio:checked'
).val();
3、
1.
$(
'input[@name="testradio"][checked]'
);
4、
1.
$(
'input[name="testradio"]'
).filter(
':checked'
);
差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下
1.
$(
'input[name="testradio"]'
).each(
function
(){
2.
alert(
this
.value);
3.
});
如果要取具体某个radio的值,比如第二个radio的值,这样写
1.
$(
'input[name="testradio"]:eq(1)'
).val()
通过修改运行下面的实例,加深你的印象
顶
0
踩
相关文章推荐
- jquery ajax自动生成表格table基础
- jQuery 实现下拉导航 二级导航
- jQuery某网站品牌列表效果
- jQuery实现滚动公告练习
- jquery倒计时过几秒页面跳转 js倒计时
- jQuery实现仿微博发布框字数提示
- jQuery自制提示框tooltip
- jQuery的deferred对象详解
- jQuery实现表格的查看修改删除
- jquery 经常用到的并且需要注意的地方。
- jquery $.each 用法
- 使用jQuery的插件qrcode生成二维码(静态+动态生成)及常见问题解决方法
- jquery实现倒计时60秒发送邮件
- JQuery 常用命令总结
- jquery如何设置与去除disabled属性?五种方法
- JQuery中自定义data-*的使用
- jQuery图片轮播的具体实现
- jQuery 学习
- jQueryUI中Datepicker(日历)插件的介绍和使用
- jquery easyui datagrid 添加超链接