歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

jQuery 頁面取值的問題


如何取得文本框、單選按鈕以及復選框的值?
  1. <script type="text/javascript">  
  2.        $(function(){  
  3.          $("#btnSubmit").click(function(){  
  4.            var oTxtValue=$("#Text1").val(); //獲取文本框的值  
  5.            var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //獲取單選框按鈕值  
  6.            var oChkValue=$("#Checkbox1").is (":checked")?"已婚":"未婚";//獲取復選框按鈕值  
  7.            $("#divTip").css("display","block").html(oTxtValue+"<br>"+oRdoValue+"<br>"+oChkValue); //顯示提示文本元素  
  8.          })           
  9.        })  
  10.   </script>  
下面是html文件:
  1. <div class="divFrame">  
  2.     <div class="divTitle">請輸入如下信息</div>  
  3.     <div class="divContent">  
  4.         姓名:<input id="Text1" type="text" class="txtCss"/><br />  
  5.         性別:<input id="Radio1" name="rdoSex" type="radio" value="男" />男  
  6.               <input id="Radio2" name="rdoSex" type="radio" value="女" /><br />  
  7.         婚否:<input id="Checkbox1" type="checkbox" />  
  8.         <div class="divBtn"><input id="btnSubmit" type="button" value="提 交" class="btnCss" /></div>  
  9.     </div>  
  10. </div>  
  11. <div id="divTip" class="divTip"></div>  
在上面的代碼中通過$("#text").val()在jQuery庫中表示獲取ID號為"text1"的值。
Copyright © Linux教程網 All Rights Reserved