取消選中複選框

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