通过radio 显示和隐藏

最新推荐文章于 2024-08-08 15:26:32 发布

Julian.zhou

最新推荐文章于 2024-08-08 15:26:32 发布

阅读量3.6k

点赞数

分类专栏： struts2 文章标签： action function list div

本文链接：https://blog.csdn.net/z_play_du/article/details/7438536

版权

struts2 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

<html>
<head>
<title>My Page</title>
</head>
<body>
<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
<div align="center"><br>
<input type="radio" name="group1" value="Milk"> Milk<br>
<input type="radio" name="group1" value="Butter" checked> Butter<br>
<input type="radio" name="group1" value="Cheese"> Cheese
<hr>
<input type="radio" name="group2" value="Water"> Water<br>
<input type="radio" name="group2" value="Beer"> Beer<br>
<input type="radio" name="group2" value="Wine" checked> Wine<br>
</div>
</form>
</body>
</html>

另外一种radio用法：

<th>
						<s:label value="审核结果："></s:label>
					</th>
					<td>
						<s:radio id="verifySelect" list=" #{'Y':'审核通过','N':'审核不通过'} "
							value="'N'" required="true"
							name="componentVerify.verifyResult"
							οnclick="showPane(this.value);"></s:radio>
					</td>

                           </tr>
                           <tr>
                               <th>
                                   <s:label value="权属单位:"></s:label>
                               </th>

</tr>
</table>

//隐藏页面的DIV
   function showPane(val){
   if('N' == val){
    document.getElementsById("deptPanel").css('display','none');
   }else{
   document.getElementsById("deptPanel").css('display','block');
   }
}

实现radio 显示和隐藏