当checkbox选中时，按钮才能点击。checkbox没有被选中时，按钮为不能点击的状态

这段代码都是在网上当下来的，本人略有修改，实在不会了，求帮忙！！！   
最终效果：就餐时间段、就餐人数只有同时都只选择一个的时候 “提交”按钮才可以点击  其他情况都是灰色的。
代码 ：
<html>
<head>
<title>change BG color</title>
</head>
<Script Language="JScript"> 
    
        function btnAction(){
alert(document.getElementById("xz").disabled); alert(2);
}
function check(){
                                                //判断checkbox有没有被选中
if(document.getElementById("ch").checked==true)
{
document.getElementById("xz").disabled="";//给BUTTON按钮的disabled属性赋值

}else
{
document.getElementById("xz").disabled="disabled";
}

}
      
    function checkedThis(obj,name){ 
       var boxArray = document.getElementsByName(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>
<body>


就餐时间段<input type="checkbox" name="test" onClick="checkedThis(this,'test');">早餐
<input type="checkbox" name="test" onClick="checkedThis(this,'test');">午餐
<input type="checkbox" name="test" onClick="checkedThis(this,'test');">晚餐------ 就餐人数<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">1-2人
<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">3-6人
<input type="checkbox" name="test1" onClick="checkedThis(this,'test1');">6-10人
<input type="button" value="提交" onClick="btnAction()" id="xz"  disabled="disabled"/> 
<input name="check" id="ch" type="checkbox" onClick="check()"/>
</body>
</html>

解决方案 »

  1.   

    是单选的，改为radio不好吗？干嘛用checkbox<html>
    <head>
    <title>change BG color</title>
    </head>
    <script type="text/javascript"><!---这里要这样写，不要用language，如果用要设置为javascript，而不是jscript，jscript是IE的东东---->    function btnAction() {
            alert(document.getElementById("xz").disabled);        alert(2);
        }
        function check() {
            //判断checkbox有没有被选中
            if (document.getElementById("ch").checked == true) {
                document.getElementById("xz").disabled = ""; //给BUTTON按钮的disabled属性赋值        } else {
                document.getElementById("xz").disabled = "disabled";
            }    }    function checkedThis(obj) {
            var test = document.getElementsByName('test'), test1 = document.getElementsByName('test1'), i, j, num = [0, 0];        for (i = 0, j = test.length; i < j; i++) if (test[i].checked) num[0]++;
            for (i = 0, j = test1.length; i < j; i++) if (test1[i].checked) num[1]++;        if (num[0] == 1 && num[1] == 1) document.getElementById('xz').disabled = false;
            else document.getElementById('xz').disabled = true;
        } 
    </script>
    <body>
    就餐时间段<input type="checkbox" name="test" onClick="checkedThis(this);">早餐
    <input type="checkbox" name="test" onClick="checkedThis(this);">午餐
    <input type="checkbox""" name="test" onClick="checkedThis(this);">晚餐------ 就餐人数<input type="checkbox" name="test1" onClick="checkedThis(this);">1-2人
    <input type="checkbox" name="test1" onClick="checkedThis(this);">3-6人
    <input type="checkbox" name="test1" onClick="checkedThis(this);">6-10人
    <input type="button" value="提交" onClick="btnAction()" id="xz" disabled="disabled"/> 
    <input name="check" id="ch" type="checkbox" onClick="check()"/>
    </body>
    </html>
      

  2.   

    function checkedThis(obj, name) {
            var boxArray = document.getElementsByName(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;
                }
            }        setControlDisabled(); //设置状态
        }    function setControlDisabled() {
            var check1 = false,
                 check2 = false,
                 i = 0,
                 j = 0,
                 arr1 = document.getElementsByName('test'),
                 arr2 = document.getElementsByName('test1');
            for (; i < arr1.length; i++) {
                if (arr1[i].checked) {
                    check1 = true;
                    break;
                }
            }
            for (; j < arr2.length; j++) {
                if (arr2[j].checked) {
                    check2 = true;
                    break;
                }
            }
            document.getElementById("xz").disabled = (check1 && check2) ? '' : 'disabled';
        }
      

  3.   

    function check(){
      //判断checkbox有没有被选中
    if(document.getElementById("ch").checked==true)
    {
    //document.getElementById("xz").disabled="";//给BUTTON按钮的disabled属性赋值
    document.getElementById("xz").removeAttribute("disabled");}else
    {
    //document.getElementById("xz").disabled="disabled";
    document.getElementById("xz").setAttribute("disabled","disabled");
    }}
      

  4.   

    [Quote=引用 1 楼  的回复:]
    是单选的，改为radio不好吗？干嘛用checkbox
    本人是初学者  还不太了解  劳烦您能帮我修改一下  使 就餐时间段 就餐人数 这两个选框中每个都只能选择一项么？就是不可以同时选早餐和晚餐  也不能同时选1-2人 3-4人  谢谢啊！！！
      

  5.   

    改radio即可radio只能一个，checkbox是多选，一定要checkbox就要多加好多代码了
    <html>
    <head>
    <title>change BG color</title>
    </head>
    <script type="text/javascript">
        function btnAction() {
            alert(document.getElementById("xz").disabled);        alert(2);
        }
        function check() {
            //判断checkbox有没有被选中
            if (document.getElementById("ch").checked == true) {
                document.getElementById("xz").disabled = ""; //给BUTTON按钮的disabled属性赋值        } else {
                document.getElementById("xz").disabled = "disabled";
            }    }    function checkedThis(obj) {
            var test = document.getElementsByName('test'), test1 = document.getElementsByName('test1'), i, j, num = [0, 0];        for (i = 0, j = test.length; i < j; i++)
                if (test[i].checked) num[0]++;
            for (i = 0, j = test1.length; i < j; i++)
                if (test1[i].checked) num[1]++;         for (i = 0, j = test.length; i < j; i++) test[i].disabled =num[0]==1&& !test[i].checked;
             for (i = 0, j = test1.length; i < j; i++) test1[i].disabled = num[1] == 1 && !test1[i].checked;        if (num[0] == 1 && num[1] == 1) document.getElementById('xz').disabled = false;
            else document.getElementById('xz').disabled = true;
        }
    </script>
    <body>
    就餐时间段<input type="checkbox" name="test" onClick="checkedThis(this);">早餐
    <input type="checkbox" name="test" onClick="checkedThis(this);">午餐
    <input type="checkbox""" name="test" onClick="checkedThis(this);">晚餐------ 就餐人数<input type="checkbox" name="test1" onClick="checkedThis(this);">1-2人
    <input type="checkbox" name="test1" onClick="checkedThis(this);">3-6人
    <input type="checkbox" name="test1" onClick="checkedThis(this);">6-10人
    <input type="button" value="提交" onClick="btnAction()" id="xz" disabled="disabled"/> 
    <input name="check" id="ch" type="checkbox" onClick="check()"/>
    </body>
    </html>