jQuery 页面取值的问题

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"的值。

相关推荐