<!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=utf-8" />
<script language="javascript" src="js/jquery-1.7.min.js"></script>
<title>jQuery判断单选框是否被选中</title>
</head>
<body>
<input type="radio" name="a" value="1"/><input type="radio" name="a" value="2"/><input type="radio" name="a" value="3"/><br>
<input type="radio" name="b" value="a"/><input type="radio" name="b" value="b"/><input type="radio" name="b" value="c"/><br>
<input type="radio" name="c" value="11"/><input type="radio" name="c" value="22"/><input type="radio" name="c" value="33"/><br>
<input type="radio" name="d" value="111"/><input type="radio" name="d" value="222"/><input type="radio" name="d" value="333"/><br>
<input type="radio" name="e" value="1111"/><input type="radio" name="e" value="2222"/><input type="radio" name="e" value="3333"/>
<input type="button" value="提交" id="bt"/>
</body>
</html>
<script>
$(function(){
$("#bt").click(function(){
var mm=document.getElementsByTagName("input");
var mask=0;
var temp=[];
var temp1=[];
if(mm.lenght<1){alert("err");}
else{
for(i=0;i<mm.length;i++){
if(mm[i].type=="radio"&&mm[i].checked==true){
temp.push(mm[i].value)
mask++;
}
else if(mm[i].type=="radio"&&mm[i].checked==false){
temp1.push(mm[i].value)
}
}
alert("选中的"+temp+"\n 没有选中的"+temp1);
}
});
})
</script>
jQuery判断单选框是否被选中
最新推荐文章于 2023-07-06 19:39:03 发布