自动选中复选框

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;行添加到答案原始部分的匿名函数中。