![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
如何使用Jquery获取Form表单中被选中的radio值
2017-04-13
展开全部
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:
1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值
要想获取某个radio的值有以下的几种方法,直接给出代码:
1、
1.$('input[name="testradio"]:checked').val();
2,$('input:radio:checked').val();
3、$('input[@name="testradio"][checked]');
4、$('input[name="testradio"]').filter(':checked');
差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下
$('input[name="testradio"]').each(function(){2.alert(this.value);3.});
如果要取具体某个radio的值,比如第二个radio的值,这样写
$('input[name="testradio"]:eq(1)').val()
1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值
要想获取某个radio的值有以下的几种方法,直接给出代码:
1、
1.$('input[name="testradio"]:checked').val();
2,$('input:radio:checked').val();
3、$('input[@name="testradio"][checked]');
4、$('input[name="testradio"]').filter(':checked');
差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下
$('input[name="testradio"]').each(function(){2.alert(this.value);3.});
如果要取具体某个radio的值,比如第二个radio的值,这样写
$('input[name="testradio"]:eq(1)').val()
2017-04-14
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>RunJS 演示代码</title>
<script>
$(document).ready(function(){
$("button").click (function (){
$("form :radio:checked").each(function(i,dom){
alert ($(this).val());
});
});
});
</script>
</head>
<body>
<form>
<input type="radio" name="a" value="1" />1
<div>
<input type="radio" name="b" value=2 />2
</div>
</form>
<button>
test
</button>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>RunJS 演示代码</title>
<script>
$(document).ready(function(){
$("button").click (function (){
$("form :radio:checked").each(function(i,dom){
alert ($(this).val());
});
});
});
</script>
</head>
<body>
<form>
<input type="radio" name="a" value="1" />1
<div>
<input type="radio" name="b" value=2 />2
</div>
</form>
<button>
test
</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$('#form1').find(':radio:checked').each(function() {
console.log($(this).val());
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询