java - 取消选中复选框

Question

我在 JSP 中有一个带有三个复选框的表单。当我选择一个复选框时，应该取消选择其他两个复选框。同样，对于所有三个复选框。如何编写这个的代码？

Answer 1

这应该适合你：

用 div 容器包装复选框并给它一个 id，然后将 onchange 属性分配给每个复选框，如下所示：

<div id="container">
    <input type="checkbox" value="0" onchange="setValues(this)"/><label>option 1</label><br/>
    <input type="checkbox" value="1" onchange="setValues(this)"/><label>option 2</label><br/>
    <input type="checkbox" value="2" onchange="setValues(this)"/><label>option 3</label><br/>
</div>

然后使用此代码：

function setValues(elm){
    var checkboxes = document.getElementById('container').getElementsByTagName('checkbox');
    for(var i=0; i< checkboxes.length; i++)
    {
      checkboxes[i].checked = (checkboxes[i] === elm) ? true: false;
    }
}

jsfiddle