【问题标题】:enable/disable input fields with checkboxes (javascript)启用/禁用带有复选框的输入字段(javascript)
【发布时间】:2014-01-21 07:54:33
【问题描述】:

我正在尝试制作一个具有不同输入字段的 html5 表单,并带有一个可以启用/禁用输入字段的复选框。

当复选框被选中时,应该可以在输入字段中输入数据。未选中复选框时,应无法在输入字段中输入数据。

我已经尝试过了(只是尝试启用/禁用是否有效):

<script>
document.getElementById("checkbox").onclick = function() {
    document.getElementById("inputfield").disabled=true;
}
</script>

当用户单击复选框时,输入字段被禁用,因此禁用字段有效,但我不知道选择复选框并重新启用它是如何工作的。

这是我第一次使用 javascript,非常感谢任何帮助!

【问题讨论】:

    标签: javascript input checkbox field checked


    【解决方案1】:

    您检查复选框的状态

    document.getElementById("inputfield").disabled= this.checked;
    

    【讨论】:

      【解决方案2】:

      谢谢!也得到了另一个解决方案:

      function active()
      {
        if(document.getElementById('checkbox').checked)
           document.getElementById('inputfield').disabled=false;
      
        else
           document.getElementById('inputfield').disabled=true;
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2021-10-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多