如何取得文本框、单选按钮以及复选框的值?
- <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"的值。