使用struts2复选框显示/隐藏字段

Question

我想根据是否选中struts2复选框来显示/隐藏字段。这里是我的代码：

<s:checkbox label="Show/Hide" name="showHide" /> 
<s:textfield required="false" label="Extra Details" name="person.extraDetails" /> 

所以，当用户选中“showHide”时，它应该显示“person.extraDetails”。当他们取消选中时应该隐藏它。

Answer 1

很多的方式来实现这一

样品与jQuery：

<div style="display: none;" id="divHideID"> 
<s:textfield required="false" label="Extra Details" name="person.extraDetails" /> 
</div> 

脚本

<script type="text/javascript"> 
$("#showHide").click(function() { 
     $("#divHideID").toggle(); 
     }); 
</script>