2015-09-13 202 views
0

我在这里有一个代码,每当我选中一个复选框时,按钮将启用,但是如果我取消选中它,按钮将被禁用。我的问题是,当我添加另一个复选框时,禁用和启用按钮不起作用。输出应该是每当我检查一个或多个复选框时,按钮将启用,但如果没有复选框已被选中,则该按钮应被禁用。任何人都知道我该怎么做?启用或禁用按钮复选框被选中或没有被选中

这里是我的代码:

 <HTML> 
      <HEAD> 
      <SCRIPT LANGUAGE="JavaScript"> 

      function Disab(id) 
      { 
       if(document.form1.cbox.checked) 
       { 
        document.form1.Button1.disabled=false 
       } 
       else { 
        document.form1.Button1.disabled=true 
       } 
      } 

      </SCRIPT> 

      </HEAD> 
      <BODY TEXT="000000" BGCOLOR="FFFFFF"> 

      <form name="form1"> 
      <div align="center"> 
      <input name="cbox" type="checkbox" id="cbox2" value="checkbox" onClick=Disab(this.id);> 
      Click here to Enable/Disable Button<br /><br /> 
      <input type=button onClick="alert('Button pressed!')" value="Button" name="Button1" disabled> 
      </div> 
      </form> 
      </BODY> 
      </HTML> 

回答

0

我的问题是,当我添加其他复选框禁用和启用按钮不起作用。

您试图启用/禁用按钮,如果一个或多个复选框被选中?

function verifyChecked() { 
    var inputs = document.querySelectorAll("#myForm input[type='checkbox']"); 
    var atLeastOneChecked = false; 

    for(var i = 0; i < inputs.length && !atLeastOneChecked; i++) { 
    if(inputs[i].checked) { 
     atLeastOneChecked = true; 
    } 
    } 

    document.form1.Button1.disabled = !atLeastOneChecked; 
} 
+0

如果我添加另一个复选框,我将如何使用该代码? –

+0

该脚本正在循环显示该窗体中的所有复选框。 –

+0

我的复选框中的onClick值是多少? –

相关问题