Question

我要启用我的Button，一旦选中该复选框，我最近搜索了很多，但是所有解决方案都在表单或输入标签的地方我有一个按钮

<button onclick= buttonOnClick(); onmouseover="mouseOver();" onmouseout="mouseOut();" >Click here <i id="rtb" class="fa fa-moly-square rtb"></i></button>

和复选框代码：

 <div class="page__toggle">
      <label class="toggle">
        <input class="toggle__input" type="checkbox" >
        <span class="toggle__label">
          <span class="toggle__text">Check Me!</span>
        </span>
      </label>
    </div>
  </div>
</div>

Answer 1

这里的方法是在您的Event listener中添加一个HTML element，以便您可以在用户与复选框交互时做出反应，然后可以更新disabled的状态button元素中的属性。

const checkbox = document.getElementById('checkbox');
const button = document.getElementById('button');

const toggleButtonState = function (event) {
  button.disabled = !event.target.checked;
}

checkbox.addEventListener('change', toggleButtonState)

<button type="button" id="button" disabled>A button</button>
<label>
  <input type="checkbox" id="checkbox"/>
  <small>Toggle Button</small>
</label>

复选框单击PHP时如何启用Onclick <button>

1 个答案: