jquery 判断多组中的radio 是否徐选中
<inputtype="radio"name="1">1<inputtype="radio"name="1">11<inputtype="radio"name="2">2...
<input type="radio" name="1">1
<input type="radio" name="1">11
<input type="radio" name="2">2
<input type="radio" name="2">22
<input type="radio" name="3">3
<input type="radio" name="1">33
<button>确定</button>
<script>
$(document).ready(function(){
$("button").click(function(){
//这里我要怎么写？才可以判断每一组中是否选中，没有就 alert 警告
});
});
</script> 展开
<input type="radio" name="1">11
<input type="radio" name="2">2
<input type="radio" name="2">22
<input type="radio" name="3">3
<input type="radio" name="1">33
<button>确定</button>
<script>
$(document).ready(function(){
$("button").click(function(){
//这里我要怎么写？才可以判断每一组中是否选中，没有就 alert 警告
});
});
</script> 展开
4个回答
展开全部
亲自写的一个小例子，希望能帮到您，同时建议你下JQuery_1.4_API 自己学习。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery确定选择的是那个单选按钮</title>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
$(":radio").each(function(){
$(this).click(function(){
if(this.checked==true){
alert("您选择了:"+this.value);
}
});
});
});
</script>
</head>
<body>
<label><input name="New" type="radio" id="New_0" value="是" />是</label>
<label><input name="New" type="radio" id="New_1" value="否" />否</label>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery确定选择的是那个单选按钮</title>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
$(":radio").each(function(){
$(this).click(function(){
if(this.checked==true){
alert("您选择了:"+this.value);
}
});
});
});
</script>
</head>
<body>
<label><input name="New" type="radio" id="New_0" value="是" />是</label>
<label><input name="New" type="radio" id="New_1" value="否" />否</label>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"/></script>
<script language="javascript">
jQuery(function(){
$("#tj").click( function () {
a=$('input[name=1]:checked').size();
b=$('input[name=2]:checked').size();
c=$('input[name=22]:checked').size();
d=$('input[name=3]:checked').size();
e=$('input[name=33]:checked').size();
if(a&&b&&c&&c&&d&&e){
alert('每一组都选了');
}else{
alert('每一组都要选');
}
});
})
</script>
</head>
<body>
<input type="radio" name="1" value=1>1
<input type="radio" name="1" value=11>11
<input type="radio" name="2" value=2>2
<input type="radio" name="22" value=22>22
<input type="radio" name="3" value=3>3
<input type="radio" name="33" value=33>33
<button id="tj">确定</button>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"/></script>
<script language="javascript">
jQuery(function(){
$("#tj").click( function () {
a=$('input[name=1]:checked').size();
b=$('input[name=2]:checked').size();
c=$('input[name=22]:checked').size();
d=$('input[name=3]:checked').size();
e=$('input[name=33]:checked').size();
if(a&&b&&c&&c&&d&&e){
alert('每一组都选了');
}else{
alert('每一组都要选');
}
});
})
</script>
</head>
<body>
<input type="radio" name="1" value=1>1
<input type="radio" name="1" value=11>11
<input type="radio" name="2" value=2>2
<input type="radio" name="22" value=22>22
<input type="radio" name="3" value=3>3
<input type="radio" name="33" value=33>33
<button id="tj">确定</button>
</body>
</html>
参考资料： 第一php网 提供的教程
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#button").click(function(){
for(var j = 1; j < 4; j ++ )
{
var n = $("[name="+j+"]:radio:checked").length;
if(n<1){
alert (""+j+"组请至少选择一项！");
return false;
}
}
});
给button加个ID。
for(var j = 1; j < 4; j ++ )
{
var n = $("[name="+j+"]:radio:checked").length;
if(n<1){
alert (""+j+"组请至少选择一项！");
return false;
}
}
});
给button加个ID。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$('input').each(function(){
if(this.checked='true'){
alert ('有一个选中了');
return false;
}
})
if(this.checked='true'){
alert ('有一个选中了');
return false;
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
