两个checkbox,点击其中一个后另一个不能再选

<script type="text/javascript">


 

function f1()   
{   
if(myform.box1.checked){   
document.getElementById("mytest").disabled=false;
document.getElementById("box2").disabled=true;
document.getElementById("mytest").focus();
} else{   
document.getElementById("mytest").disabled=true;   
document.getElementById("box2").disabled=false;
}   
}   

function f2()   
{   
if(myform.box2.checked){   
document.getElementById("birthday").disabled=false;
document.getElementById("box1").disabled=true;
document.getElementById("birthday").focus();
} else{   
document.getElementById("birthday").disabled=true;   
document.getElementById("box1").disabled=false;
}   
}

</script>

<form id="thisform" name="myform" action="SearchLogByUserName" method="get"οnsubmit="return clickMe();">
                                        
<input type=checkbox style="width: 20px; height: 20px"
id="box1" οnclick="f1()">姓名查询： <input type=text name="mytest" id="mytest" disabled="disabled">

<input type=checkbox style="width: 20px; height: 20px"id="box2" οnclick="f2()">

时间查询：
<script type="text/javascript"src="${pageContext.request.contextPath }/js1/ShowCalendar.js"></script>
<input type=text name="date" id="birthday"disabled="disabled" onClick="showCalendar(this.id)">
<input type="submit" class="btn btn-success" value="查询"></form>