Question

IE8点击单选框调用函数隐藏div,要点击其他地方才生效

我写了两个div，第二个div默认隐藏，点击第二个单选按钮时调用，show出来，但是要点其他空白地方才生效，就是选中了第二个单选按钮，但是没动静，你点其他地方时，第一个div隐藏，第二个div出现，坑爹的。
这是JS代码

function onclicktab(id){
if(id=="10"||id=="100"){
$("#tab1").show();
$("#10").attr("checked",true);
$("#tab2").hide();
}else{
$("#tab1").hide();
$("#30").attr("checked",true);
$("#tab2").show();
}
}

这是jsp代码：
<table width="800px" cellpadding="0" id="tab1" cellspacing="0" class="main_table1 color_div" border="0">
<tr >
<td colspan="2" class="tab_font"><input name="receiveType" id="10" type="radio" onchange="onclicktab(this.id)" checked="checked" value="10" />自提 <font class="color_font">自提所生产的费用均由买方自己承担，此费用不在合同结算范围</font></td>
</tr>
<tr class="whait_div">
<td colspan="2" class="tab_font"><input name="receiveType" type="radio" id="20" type="radio" onchange="onclicktab(this.id)" value="20" />配送 <font class="color_font">由卖方进行配送，所生产的费用，均按照合同条款进行结算</font></td>
</tr>
</table>

<table width="800px" id="tab2" cellpadding="0" cellspacing="0" class="main_table2 color_div" border="0">
<tr class="whait_div">
<td class="tab_font"><input name="receiveType" type="radio" id="100" type="radio" onchange="onclicktab(this.id)" value="30" />自提 <font class="color_font">自提所生产的费用均由买方自己承担，此费用不在合同结算范围</font></td>
</tr>
<tr>
<td class="tab_font"><input name="receiveType" type="radio" checked="checked" id="30" type="radio" onchange="onclicktab(this.id)" value="20" />配送 <font class="color_font">由卖方进行配送，所生产的费用，均按照合同条款进行结算</font></td>
</tr></table>

Answer 1

onchange虽然是控件值变化出发的事件，但前提是焦点离开该控件，如果焦点仍在控件上而值变化时，是不会触发的，也就是说，在焦点离开控件且值发生变化时
所以，换成onclick吧

Answer 2

你把你if(){}else{}里面的代码换个位置...