选中复选框时启用html单选按钮(基本JS或CSS)

时间:2014-12-05 00:24:52

标签: javascript html css

我有一个2个单选按钮和一个复选框,如下面的代码和小提琴..

<body>
<input type = "radio"/> Love
<input type = "radio"/> Hate
<input type = "Checkbox"/> Just do it!
</body>

http://jsfiddle.net/jjaleel/3n1ngwy0/

选中该复选框后,我希望自动选择单选按钮“Love”。

最简单的Javascript或CSS代码是我需要的。

感谢。

2 个答案:

答案 0 :(得分:2)

使用onclick()事件处理程序自动选择单选按钮。

&#13;
&#13;
<body>
    <input type = "radio" name="loh" id="love1"/> Love
    <input type = "radio" name="loh"/> Hate
    <input type = "Checkbox" onclick="document.getElementById('love1').checked = (this.checked === true) ? true : document.getElementById('love1').checked;"/> Just do it!
</body>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

我会这样做(这会在身体的底部):

document.getElementById("YOURCHECKBOXID").onchange = function() {
    document.getElementsById("input")[0].checked = true;
}

这是一个jsfiddle:http://jsfiddle.net/9mm2swmz/