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