JSP頁面 控制控件顯示的JS操作

一個非常簡單的控制JSP頁面控件操作的JS

 

代碼如下

<div>
<input type="radio" name="deleteRadio" id="select1" value="1"/>
<label for="delete1">刪除該知識點下的所有試題</label>
<br>
<input type="radio" name="deleteRadio" id="select2" value="2" />
<label for="delete2">將試題轉移到其它知識點下</label>
</div>

<div id="showOrHide" style="display:none" >

   <input type="text">

</div>
<input type="submit" value="確定">
<input type="reset" value="取消">
</form>
</div>

<script type="text/javascript" src="js/jui-1.8.6.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	   $("#select1").click(function(){		 
		  $("#showOrHide").hide();		 
	   });
	   $("#select2").click(function(){			 
			  $("#showOrHide").show();			 
	   });	  
  });
</script>
 

這段代碼將實現，通過點擊Radio控制showOrHide這個div的顯示或者隱藏，主要原因是引入了jur-1.8.6.min.js