关选checkbox选择

Question

<lable for="destine">aa:</lable>
<input type="checkbox" name="destine" id="destine"  onClick="Checked(1)"> 

<lable for="WorkOff">bb:</lable>
<input type="checkbox" name="WorkOff" id="WorkOff" onClick="Checked(2)">

<lable for="settle">cc:</lable>
<input type="checkbox" name="settle" id="settle" onClick="Checked(3)"> 
function Checked(f){
         var x = document.getElementById("destine")
var y = document.getElementById("WorkOff")
var z = document.getElementById("settle")
if(f==1){
   x.checked=true;
   y.checked=false;
   z.checked=false;
}
   
if(f==2){
 x.checked=false;
 y.checked=true;
 z.checked=false;
}

if(f==3){
 x.checked=false;
 y.checked=false;
 z.checked=true;
}
  
}有三个checkbox  它们不会被同时选中  但 它们中必定有一个会被选中    这段代码如何修改成  三个同时不被选中  但也不能同时被选中多个 

Answer 1

<script>
function Checked(obj){
    var a = [document.getElementById("destine"),
             document.getElementById("WorkOff"),
             document.getElementById("settle")];
for(var i=0;i<a.length;i++){
if(a[i]!=obj) a[i].checked = false;
}
}
</script> 
<lable for="destine">aa:</lable>
<input type="checkbox" name="destine" id="destine"  onClick="Checked(this)"> 
                
<lable for="WorkOff">bb:</lable>
<input type="checkbox" name="WorkOff" id="WorkOff" onClick="Checked(this)">
    
<lable for="settle">cc:</lable>
<input type="checkbox" name="settle" id="settle" onClick="Checked(this)">