日期:2014-05-16  浏览次数:20579 次

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>