彰化一整天的論壇

 找回密碼
 立即註冊
查看: 780|回復: 0

jquery radio點選顯示或隱藏 某一段顯示文字

[複製鏈接]
發表於 2013-7-19 20:47:36 | 顯示全部樓層 |閱讀模式
本帖最後由 imingho 於 2013-7-19 20:50 編輯

我們在寫發票時會詢問使用者要二聯或是三聯式方式,如果選取三聯式時,會出現要在填寫統一發票跟公司名稱,這時候就會用到這樣的功能。以前在javascript要寫這樣的判斷是很麻煩的,現在用jquery程式精簡多了。
1.程式碼
jquery_radio_click_02.jpg
2.顯示畫面
jquery_radio_click_03.jpg
3.不顯示畫面
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jquery.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6. $('#d1').hide();
  7. $("input[name='r1']").click(function(){
  8.   var item = $('input[name=r1]:checked').val();
  9.   if(item==1)
  10.     $('#d1').show();
  11.   else
  12.     $('#d1').hide();
  13. });
  14. });
  15. </script>
  16. <meta charset="utf-8">
  17. <title>JQuery test</title>
  18. </head>
  19. <body>
  20. <input type=radio name="r1" value="1">Show<input type=radio name="r1" value="2">Hide
  21. <div id="d1">
  22. bestdaylong.com
  23. </div>
  24. </body>
  25. </html>
複製代碼
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

 ㄚ母滴雞湯
 員林香純滴雞精

Archiver|手機版|小黑屋|彰化一整天的論壇(Excel,Office)  |网站地图

GMT+8, 2019-10-18 20:19 , Processed in 0.122108 second(s), 22 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表