如何使用Jquery获取Form表单中被选中的radio值
展开全部
使用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()
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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());
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
