Question

我想让html选择标签仅在选中复选框时激活，我该怎么办？

Answer 1

使用Javascript：

<script type='text/javascript'>

    if(document.getElementById("myCheckbox").checked) { 
      document.getElementById("mySelect").disabled = "";
    } 
    else { 
      document.getElementById("mySelect").disabled = "disabled"; 
    }

</script>

调用此代码时，它会检查是否选中了框并根据需要禁用了选择。

或者，使用PHP / HTML：

<form action='' method='post'>
<select <?PHP if($_POST['myCheckbox']==1) { echo "disabled='disabled'"; } ?> >
 <option>blah</option>
</select>

<input type='checkbox' name='myCheckbox' value='1' />
</form>

提交表单时，会检查框是否已POST编辑，并根据需要禁用选择。

Answer 2

function handler() {
    var checkbox = document.getElementById("myCheckbox");
    var select = document.getElementById("mySelect");

    select.disabled = !checkbox.checked;
}

我测试了已停用的属性：可以将其设置为true / false或"disabled" / ""。这两种方法适用于所有浏览器。

（我在Chrome，Firefox，Safari，Opera和IE9测试版中测试过）

HTML选择标记激活和停用

2 个答案: