radio button选中切换不了

jsp代码：。。。。。。。。。。。
<div class="btn-group radios" data-toggle="buttons" id="needradio" onclick="chengebd()" >
<div class="row">
<label class="btn btn-primary">
<input type="radio" name="types" id="option1" value="1" checked="checked" > 英文
</label>
<label style="border-left:option1" class="btn btn-primary">
<input type="radio" name="types" value="2" id="option2"> 中文
</label>
</div>
</div>
js代码：。。。。。。。。。。。
function chengebd(){
alert($("#option1").attr("checked")+"...."+$("#option2").attr("checked"));
if($("#option1").attr("checked")){
//$("#option1").removeAttr("checked");
//$("#option1").attr("checked",false);
$("#option1").prop("checked", false);
$("#option2").prop("checked",true);
document.getElementById("acdiv").style.display="";//
document.getElementById("supdiv").style.display="none";//
}
else if($("#option2").attr("checked")){
//$("#option2").removeAttr("checked");
$("#option2").prop("checked",false);
$("#option1").prop("checked",true);
document.getElementById("supdiv").style.display="";
document.getElementById("acdiv").style.display="none";

}else{ }
}
问题：。。。。。。。。
总共两个radio，option1默认选中，判断出来它的选中为true，此时切换有效果，但再切换的时候就没效果了，option1判断为一直选中，怎么取消它的选中呢？ 求指教，谢谢！！！
显示界面如下：