jquery中对表单的基本操作代码
2010-07-29 00:00
721 查看
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../conn/jsfile/jquery.js" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> 文本框 :<input type="text" id="txt" value="txt" /><br /> 单选按钮:<input type="radio" value="男" checked="checked" name="sex" />男 <input type="radio" value="女" name="sex" checked="checked"/>女<br /> 复选框:<input type="checkbox" value="1" name="cc"/>1<input type="checkbox" value="2" checked="checked" name="cc" />2<input type="checkbox" value="3" checked="checked" name="cc" />3<br /> 下拉框: <select id="sel" style="width: 100px"> <option value="yi">1</option> <option value="er" selected="selected">2</option> <option value="san">3</option> </select> <script language="javascript" type="text/javascript"> /*------------------------------------------------javascript-------------------------------------------*/ /* 获取文本框的值 alert(document.getElementById("txt").value); */ /*获取单选按钮的值 var radios = document.getElementsByName("sex"); var n = radios.length; for (var i = 0; i < n; i++) { if (radios[i].checked) { alert(radios[i].value); } } */ /*获取复选框中选中的值的组合 1,2,3,4 var checkboxs = document.getElementsByName("cc"); var n = checkboxs.length; for (var i = 0; i < n; i++) { if (checkboxs[i].checked) { alert(checkboxs[i].value); } } */ /*获取下拉列表的选中项的值 方法一: alert(document.getElementById("sel").value); 方法二: var sel = document.getElementById("sel"); alert(sel.options[sel.selectedIndex].value); */ /*------------------------------------------------jquery-------------------------------------------*/ /*获取文本框的值 alert($("#txt").val()); */ /*获取单选框选中项的值 alert($(":radio[name='sex']:checked").val()); 单选框赋值 设置选中项 $(":radio[name='sex']").val(["男"]); */ /*获取复选框的值 $(":checkbox[name='cc']:checked").each(function(i) { alert(this.value); }); 复选框赋值 选中这几项 $(":checkbox[name='cc']").val(["1", "2", "3"]); */ /*获取下拉列表的值 alert($("#sel").val()); 获取下拉列表的文本 alert($("#sel option:selected").text()); */ </script> </form> </body> </html>
相关文章推荐
- jquery中对表单的基本操作代码
- 10个超棒jQuery表单操作代码片段
- jQuery对表单元素的取值和赋值操作代码
- 10个超棒jQuery表单操作代码片段
- jQuery对表单元素的取值和赋值操作代码
- jQuery对表单元素的取值和赋值操作代码
- Jquery表单取值赋值的一些基本操作
- JQuery对表单元素的基本操作使用总结
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- 不可错过的10个超棒jQuery表单操作代码片段
- jQuery对表单元素的取值和赋值操作代码
- Jquery操作radio,checkbox,select表单操作实现代码
- 不可错过的10个超棒jQuery表单操作代码片段
- jquery获取指定表格的指定列的值 以及 操作radio,checkbox,select表单操作实现代码
- 10个jQuery表单操作代码片段
- jquery操作表单元素代码
- Jquery操作radio,checkbox,select表单操作实现代码
- Jquery操作radio,checkbox,select表单操作实现代码
- Jquery表单取值赋值的一些基本操作
- 不可错过的10个超棒jQuery表单操作代码片段