jquery radio 取值 input[name='camnpr']:checked
网上流行的说法就是
$(input[name='camnpr'][checked]).val()
能取到选中项的value，但我测试后发现只在IE下有效，在firefox和Chrome中不论选中哪一项，或者不选，取到的值都是第一项的value
正确做法应该是
$("input[name='camnpr']:checked").val()
同样对于checkbox也是这种写法
<html>
<head>
<script type="text/javascript" src="http://camnpr.com/zlcom/p/ui/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function(){
$('#go').click(function(){
var radio = $('input[name="testradio"]').filter(':checked');
if(radio.length)
alert(radio.val());
else
alert('请选择一个radio');
});
$('#go2').click(function(){
$('input[name="testradio"]').each(function(){
alert(this.value);
});
})
$('#go3').click(function(){
alert($('input[name="testradio"]:eq(1)').val());
})
$('#go4').click(function(){
alert($("input[name='testradio']:checked").val());
});})</script>
</head>
<body>
<input type="radio" name="testradio" value="http://camnpr.com/zlcom/p/radio1" />jquery获取radio的值<br />
<input type="radio" name="testradio" value="http://camnpr.com/zlcom/p/radio2" />jquery获取checkbox的值<br />
<input type="radio" name="testradio" value="http://camnpr.com/zlcom/p/radio3" />jquery获取select的值<br />
<button id="go">选中的那个radio的值</button><button id="go2">遍历所有radio的值</button>
<button id="go3">取第二个radio的值</button><button id="go4">取第</button>
</body>
</html>
相关文章
- weebox(基于jquery的弹窗插件) 用法详解(2014-7-23 15:29:17)
- jQuery $.Post处理后不进入回调的原因及解决方法(2014-7-18 12:22:7)
- jQuery ajax调用WCF服务(C#)实例(2014-7-18 11:38:1)
- TypeScript和jQuery做的一个简单的点灯小游戏分享(2014-7-17 17:5:18)
- jQuery input checkbox全选反向 反复调用attr('checked', true/false) 只有第一次生效(2014-7-11 15:3:3)
- jQuery验证控件jquery.validate.js使用说明+中文API(2014-7-8 15:57:52)
- 免费网站后台管理系统模板下载（10套）(2014-6-25 11:56:40)
- 原生js FileUpload 的文件上传 JS控件可支持IE、chrome、firefox等主流浏览器(2014-6-17 13:58:3)
- 利用jQuery.cookie js 实现浏览历史记录示例(2014-6-16 15:41:47)
- js jQuery Dialog 去掉右上角的X关闭按钮的功能(2014-6-11 14:29:52)
