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

取消选中复选框

1 个答案: