如果复选框被选中，则禁用选择 [英] disable select if checkbox is checked

问题描述

我有一个 html/php 脚本，其中有一个 Select 如果未选中复选框，我想禁用".

I have a html/php script where there is a Select I want to be "disabled" if checkbox is not checked.

这是脚本:

<input type="checkbox" name="stOne" id="stOne" value="1"/>

<select class="input" name="selectOne" id="selectOne">
    <?php
        $check_sql = mysql_query("SELECT * FROM DBtable");
        while ($check_row = mysql_fetch_assoc($check_sql))
        {
            $id = $check_row['id'];
            $st = $check_row['style'];

            echo "<option value='" . $st . "'>" . $st . "</option>";
        }
    ?>
</select>

我在这里发现了许多关于堆栈溢出的脚本，其中的解决方案在我的代码中不起作用.

I found many scripts here on stack overflow with a solution that didn't work in my code.

有人可以帮我吗?

是否可以不使用 jQuery 来做到这一点?

Is it possible to do this NOT with jQuery?

推荐答案

这里是你在原生 JS 中需要的:

Here is what you need in native JS:

window.onload = toggleSelect(); // to disable select on load if needed

function toggleSelect()
{
  var isChecked = document.getElementById("stOne").checked;
  document.getElementById("selectOne").disabled = !isChecked;
}

<input type="checkbox" name="stOne" id="stOne" value="1" onClick="toggleSelect()"/>
<select class="input" name="selectOne" id="selectOne">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

这篇关于如果复选框被选中，则禁用选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！