带选择的自动选中复选框

Question

你好，我正在考虑这样做，事实是不知道该怎么做，也许你可以帮忙

通过选择一个类别，复选框被激活

示例：

<select> <option value="Juegos"></option> </select>

还有我的复选框

<input id="privado" tabindex="7" type="checkbox" name="privado" /> 

您可以激活复选框来选择该类别吗？

---

图片示例：选择游戏类别：

http://screenshotuploader.com/i/1508/0od-n.png

复选框自动选中

选择代码

<select id="categoria-select" class="categoria-select" name="categoria" tabindex="3">
    <option value="">Seleccionar categor&iacute;a</option>
    <?php
        $feel = mysql_query("SELECT id_categoria, link_categoria, nombre_categoria FROM categorias ORDER BY nombre_categoria ASC");
        while(list($id, $link, $nombre) = mysql_fetch_row($feel))
        {
            echo "<option class=\"" . $link . "\" value=\"" . $id . "\" " . ($categoria == $id ? "selected=\"selected\"" : "") . ">" . $nombre . "</option>\n";
        }
    ?>
</select>

你能帮我吗？

Answer 1

document.getElementById("select_input").onchange = function() {    
    document.getElementById("privado").checked = this.value === "Juegos";
};

您可以只设置onchange 并查看select 标签的值是否为“Juegos”并选中相应的复选框。

JSFiddle

---

要禁用复选框，只需执行以下操作..

document.getElementById("privado").disabled = true;

---

要在手动选中复选框时禁用复选框，请执行以下操作：

document.getElementById("privado").onchange = function()
{
    if(this.checked)
    {
        document.getElementById("privado").disabled = true;
    }
}   

如果您想在选择更改时禁用它，只需将 document.getElementById("privado").disabled = true; 行添加到答案原始部分的匿名函数即可。