单击时单选按钮不执行 JavaScript 操作答案

【问题标题】：Radio Button not performing JavaScript action when clicked单击时单选按钮不执行 JavaScript 操作
【发布时间】：2018-07-28 08:27:03
【问题描述】：

我正在尝试创建一个单选按钮来打开一个额外的复选框。当我运行代码时，复选框已经打开。我该怎么做才能解决它？

<script>
  function accountFunction() {
    if (document.getElementById('yesSrm').checked) {
      document.getElementById('acct').style.display = "inline";
    } else {
      document.getElementById('acct').style.display = "none";
    }
</script>
<form>
  <input id="yesSrm" name="yesSrm" type="radio" value="yes" onchange="accountFunction()" />SRM<br/>
  <br/>
  <div id="acct">
    <label for="account">Account</label>
    <input type="checkbox" name="account" id="account"><br/>
  </div>
</form>

How it appears

【问题讨论】：

您当前的语法不正确。
不确定我在哪里犯了错误
按“运行代码 sn-p”。 accountFunction 没有 }。
天哪。我从来没有关闭它。谢谢

标签： javascript html checkbox radio-button boolean

【解决方案1】：

只需将display:none 添加到acct 块即可默认隐藏它

<script>
  function accountFunction() {
    if (document.getElementById('yesSrm').checked) {
      document.getElementById('acct').style.display = "block";
    } else {
      document.getElementById('acct').style.display = "none";
    }
  }
</script>
<form>
  <input id="yesSrm" name="yesSrm" type="radio" value="yes" onchange="accountFunction()" />SRM<br/>
  <br/>
  <div id="acct" style="display: none">
    <label for="account">Account</label>
    <input type="checkbox" name="account" id="account"><br/>
  </div>
</form>

【讨论】：

非常感谢您的帮助！我真的很感激！