javascript - 如果另一个复选框使用 javascript 选中，则取消选中该复选框

Question

我有两个复选框字段。使用 Javascript，我想确保只能勾选一个复选框。 (例如，如果勾选了一个复选框 1，如果勾选了复选框 2，则复选框 1 将取消勾选)

<input name="fries" type="checkbox" disabled="disabled" id="opt1"/>
<input type="checkbox" name="fries" id="opt2" disabled="disabled"/>

我还希望在下方有一个单选按钮，如果单击此按钮，我希望取消选中两个复选框。

 <input type="radio" name="o1" id="hotdog" onchange="setFries();"/>

最好的方法是编写一个函数，还是我可以使用 onclick 语句？

Answer 1

好吧，您应该使用单选按钮，但有些人喜欢复选框的外观，所以这应该可以解决。我在您的输入中添加了一个通用类:

function cbChange(obj) {
    var cbs = document.getElementsByClassName("cb");
    for (var i = 0; i < cbs.length; i++) {
        cbs[i].checked = false;
    }
    obj.checked = true;
}

演示:http://jsfiddle.net/5uUjj/