![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
input 判断单选是否选择
<span><inputtype="radio"name="CD_ClassID"value="1"/><labelfor="type_1">男</label></spa...
<span><input type="radio" name="CD_ClassID" value="1"/><label for="type_1">男</label></span>
<span><input type="radio" name="CD_ClassID" value="2"/><label for="type_2">女</label></span>
这一段怎么判断它是不是选择了 没有选择就提示
javaScript判 展开
<span><input type="radio" name="CD_ClassID" value="2"/><label for="type_2">女</label></span>
这一段怎么判断它是不是选择了 没有选择就提示
javaScript判 展开
1个回答
展开全部
1、其实可以在 input 里面加一个默认选中的 checked="checked" 这样他就一定得选啦
2、使用 jquery
3、使用纯js
2和3的代码如下,附加注释
<!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>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>简洁Tab</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<span><input type="radio" name="CD_ClassID" value="1"/><label for="type_1">男</label></span>
<span><input type="radio" name="CD_ClassID" value="2"/><label for="type_2">女</label></span>
<input type="button" value="jquery判断" onclick="Check()" />
<input type="button" value="js判断" onclick="JsCheck()" />
</body>
</html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
// 这个是jquery的,需要用jquery.min.js
function Check() {
// 查找 input 控件 name='CD_ClassID' : checked(已经选中) 的所有控件的个数
var c = $("input[name='CD_ClassID']:checked").length;
// 如果 c!=1 或者没找到,则是没选中
if (c == undefined || c != 1) {
alert("没选中");
} else {
alert("选中");
}
}
// 这是纯 js 的,可以不用 jquery
function JsCheck() {
var c = false;
// 获得所有 name=CD_ClassID 的控件
var list = document.getElementsByName("CD_ClassID");
// 遍历,这里要确保 list 有,否则会出错
for (var i = 0; i < list.length; i++) {
// 判断每一个控件
if (list[i].checked) {
// 如果选中,则c=true,直接退出循环,别浪费时间
c = true;
break;
}
}
if (c) {
alert("选中");
} else {
alert("没选中");
}
}
</script>
2、使用 jquery
3、使用纯js
2和3的代码如下,附加注释
<!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>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>简洁Tab</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<span><input type="radio" name="CD_ClassID" value="1"/><label for="type_1">男</label></span>
<span><input type="radio" name="CD_ClassID" value="2"/><label for="type_2">女</label></span>
<input type="button" value="jquery判断" onclick="Check()" />
<input type="button" value="js判断" onclick="JsCheck()" />
</body>
</html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
// 这个是jquery的,需要用jquery.min.js
function Check() {
// 查找 input 控件 name='CD_ClassID' : checked(已经选中) 的所有控件的个数
var c = $("input[name='CD_ClassID']:checked").length;
// 如果 c!=1 或者没找到,则是没选中
if (c == undefined || c != 1) {
alert("没选中");
} else {
alert("选中");
}
}
// 这是纯 js 的,可以不用 jquery
function JsCheck() {
var c = false;
// 获得所有 name=CD_ClassID 的控件
var list = document.getElementsByName("CD_ClassID");
// 遍历,这里要确保 list 有,否则会出错
for (var i = 0; i < list.length; i++) {
// 判断每一个控件
if (list[i].checked) {
// 如果选中,则c=true,直接退出循环,别浪费时间
c = true;
break;
}
}
if (c) {
alert("选中");
} else {
alert("没选中");
}
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询