首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-12-24 
jsp页面中radio的onclick事件及内容的显示与隐藏问题描述?:有一个是否是广告主的单选框:如果选“是”则隐藏

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>

热点排行