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