[学习笔记]复选框变单选功能

来源:互联网 发布:windows怎么解压缩文件 编辑:程序博客网 时间:2024/06/08 16:23
第一种方法:
<Script Language="JScript"> 
function checkedThis(obj,cname){ 
var boxArray = document.getElementsByName(cname); //这里不需要加'' 或者""
window.alert(cname);
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> 
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">1 
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">2 
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">3 

<br />
<br />
<br />
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>

第二种方法:
<Script Language="JScript"> 
function checkedThis(obj){ 
var boxArray = document.getElementsByName(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> 
<input type="checkbox" name="test" onclick="checkedThis(this);">1 
<input type="checkbox" name="test" onclick="checkedThis(this);">2 
<input type="checkbox" name="test" onclick="checkedThis(this);">3
<br>
<input type="checkbox" name="test1" onclick="checkedThis(this);">a
<input type="checkbox" name="test1" onclick="checkedThis(this);">b 
<input type="checkbox" name="test1" onclick="checkedThis(this);">c

0 0
原创粉丝点击