当复选框是否被选中时，按钮启用或禁用

Button enabled or disabled when checkbox is checked or not

本文关键字：启用 按钮 是否 复选框      更新时间：2023-09-26

我这里有一个代码，每当我选中一个复选框按钮将启用，但如果我不选中它按钮将被禁用。我的问题是，当我添加另一个复选框的禁用和启用按钮不工作。输出应该是，每当我选中一个或多个复选框时，按钮将启用，但如果没有选中的复选框，按钮应禁用。有人知道我怎么做吗?

下面是我的代码:

        <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>

我的问题是，当我添加另一个复选框的禁用和启用按钮不工作。

如果一个或多个复选框被选中，您正在尝试启用/禁用按钮?

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;
}
相关文章：