js checkbox操作

checkboxjs

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!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" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
document.body.onclick=function(e){
var a=e||window.event;
var src=a.srcElement||a.target;
if(src.name=='check'){
do{
src=src.nextSibling;
}while(src&&!src.tagName)
}
if(src&&src.name=='check'){
src.disabled=false;
}
}
}
</script>
</head><body>
<input type="checkbox" id="check1" name="check"  />
<input type="checkbox" id="check2" name="check" disabled="disabled" />
<input type="checkbox" id="check3" name="check" disabled="disabled"  />
<input type="checkbox" id="check4" name="check" disabled="disabled" />
</body>
</html>
类似这样试试
    <input type="checkbox" name="check" />
    <input type="checkbox" name="check" disabled="disabled" />
    <input type="checkbox" name="check" disabled="disabled"  />
    <input type="checkbox" name="check" disabled="disabled" />
    <script type="text/javascript">
        var cb = document.getElementsByName("check"),l = cb.length;
        for(var i=l-1;i--;){
            cb[i].index = i;
            cb[i].onclick = function(){
                if(this.checked){
                    cb[this.index+1].disabled = false;
                }else{
                    for(var k = this.index+1;k<l;k++){
                        cb[k].checked = false;
                        cb[k].disabled = true;
                    }
                }
            }
        }
    </script>