复选框做成单选的效果


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>单选框做成复选框效果</title>

<Script Language="JScript">
function checkedThis(obj,obj){
var boxArray = document.getElementsByName(obj.name);
//window.alert(obj.name);
for(var i=0;i<=boxArray.length-1;i++){
if(boxArray[i]==obj && obj.checked){
boxArray[i].checked = true;
}else{
boxArray[i].checked = false;
}
}
}
</Script>

</head>

<body>
<p>单选框一</p>
<input type="checkbox" name="test" onclick="checkedThis(this,this);">1
<input type="checkbox" name="test" onclick="checkedThis(this,this);">2
<input type="checkbox" name="test" onclick="checkedThis(this,this);">3
</br>
<p>单选框二</p>
<input type="checkbox" name="test1" onclick="checkedThis(this,this);">4
<input type="checkbox" name="test1" onclick="checkedThis(this,this);">5
<input type="checkbox" name="test1" onclick="checkedThis(this,this);">6

</body>
</html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM