選中或不選中復選框時啟用或禁用按鈕

Question

我這里有一個代碼，每當我選中一個復選框時，該按鈕就會啟用，但是如果我取消選中它，該按鈕將被禁用。 我的問題是，當我添加另一個復選框時，禁用和啟用按鈕不起作用。 每當我選中一個或多個復選框時，輸出都應該啟用該按鈕，但是如果沒有選中該復選框，則應該禁用該按鈕。 有人知道我該怎么做嗎？

這是我的代碼：

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

Answer 1

我的問題是，當我添加另一個復選框時，禁用和啟用按鈕不起作用。

您是否正在嘗試啟用/禁用該按鈕，如果選中了一個或多個復選框？

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

選中或不選中復選框時啟用或禁用按鈕

問題描述

1 個解決方案

解決方案1
0 2015-09-13 13:09:21

選中或不選中復選框時啟用或禁用按鈕

問題描述

1 個解決方案

解決方案1 0 2015-09-13 13:09:21

解決方案1
0 2015-09-13 13:09:21