使用复选框启用/禁用输入字段(javascript)

时间:2014-01-03 15:33:14

标签: javascript input checkbox field checked

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

选中该复选框后,应该可以将数据输入到输入字段中。如果未选中该复选框,则无法将数据输入到输入字段。

我已经尝试了这个(只是尝试启用/禁用工作):

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

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

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

2 个答案:

答案 0 :(得分:2)

您检查复选框的状态

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

答案 1 :(得分:0)

谢谢!还有另一个解决方案:

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

  else
     document.getElementById('inputfield').disabled=true;
}