jsp页面中radio的onclick事件及内容的展示与隐藏

jsp页面中radio的onclick事件及内容的显示与隐藏

问题描述 ：有一个是否是广告主的单选框：如果选“是”则隐藏广告主信息，如果选“否”则显示广告主信息

jsp代码如下所示：

     <span  onclick="getRadio();">

      <input type="radio" name="isAdvertisers" value="Yes" checked/>是

      <input type="radio" name="isAdvertisers" value="No" />否

     </span>

 

<table   id="advertisers" style="display:none">
    <tr>
     <td colspan=4 bgcolor="#EFFFFF">
      <font size="2"><b>广告主情况:</b> </font>&nbsp;
     </td>
    </tr>

 

    ……

 

</table>

 

 

 js代码如下所示：

  <script>   
   function  getRadio(){ 
        e  =  event.srcElement;

        if(e.type=="radio"  &&  e.name=="isAdvertisers")  
        alert("你点击的Radio按钮值为"+e.value);

             if(e.value=='Yes'){
     $('#advertisers').hide('slow');
     }else{
     $('#advertisers').show('slow');
     }
  }

  </script>