您的位置：首页 > Web前端 > JQuery

jQuery判断单选框是否被选中

2012-12-23 18:29 381 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航