jQuery对表单元素的取值和赋值操作
jquery获取表单元素的方法
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table id="tb">
<input type="text" size=10 name="result">
<script language="javascript">
function show(tb,txt)
{
document.all.result.value=document.all.tb.rows(1).cells(1).innerHTML;
<table id="test">
<tr>
<td>hello</td>
</tr>
</table>
<script language="JavaScript">
alert(document.getElementById("test").rows[0].cells[0].innerText);
<tr><td>333</td><td>333</td></tr>
jquery】常用的jquery获取表单对象的属性与值
jquery】常⽤的jquery获取表单对象的属性与值1【jquery】常⽤的jquery获取表单对象的属性与值234 1、JQuery的概念56789 JQuery是⼀个JavaScript的类库，这个类库集合了很多功能⽅法，利⽤类库你可以⽤⼀些简单的代码实现⼀些复杂的JS效果。
101112 2、JQuery实现了代码的分离1314不⽤再⽹页中加⼊如：onclick之类的事件来调⽤函数了，直接引⼊JQuery类库和⾃⼰编写的JQuery代码就可以了；15如：16 $(function(){17 $("Element").click{function(){18 alert("点击我哦！");19 }20 }21 })；22上⾯的代码中只要定义了Element 这个元素后⾯的click是动作2324 alert("点击我哦！");这个是要执⾏的代码，当然你可以有很多的操作在这个函数中；25这⾥⾯的$这个号代表JQuery的意思，就是引⽤类库。
2627 3、JQuery的核⼼的⼀些⽅法28 each(callback) '就像循环29 $("Element").length; ‘元素的个数，是个属性30 $("Element").size(); ’也是元素的个数，不过带括号是个⽅法31 $("Element").get(); ‘某个元素在页⾯中的集合，以数组的形式存储32 $("Element").get(index); ’功能和上⾯的相同，index表⽰第⼏个元素，数组的下标33 $("Element").get().reverse(); ‘把得到的数组⽅向34 ("Element1").index(("Element1").index(("Element2")); ’元素2在元素1中的索引值是。
jqueryselect（列表）的操作（取值赋值）
jqueryselect（ 列 表 ） 的 操 作 （ 取 值 赋 值 ）
jquery的使用方法，看了jquery_api帮助文档和官方的文档，基本所有的用法都可以找到。 但却没有找到对<select>列表的操作。 jquery对<select>的操作比较麻烦，我把常用的收集如下： 1.获取选中值：$("select[@id='pagesize_slt'] option[@selected]").val();//-----pagesize_slt是<select>的id 2.设置选中项：$("select[@id='pagesize_slt']")[0].selectedIndex = 1;//-----<select>的index从0开始，所以1是第二项 很奇怪的是，我是用id来获取的，应该是唯一值，但$("select[@id='pagesize_slt']").selectedIndex = 1;是不对的。必须加[0]。 也就是说，$("select[@id='pagesize_slt']")返回的其实是一个数组。这点需要注意。
jquery 使用方法
jQuery是目前使用最广泛的javascript函数库。
据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。
微软公司甚至把jQuery作为他们的官方库。
对于网页开发者来说，学会jQuery是必要的。
因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。
一、选择网页元素jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。
这是它区别于其他函数库的根本特点。
使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。
选择表达式可以是CSS选择器：1 $(document)//选择整个文档对象2 $('#myId')//选择ID为myId的网页元素3 $('div.myClass')//选择class为myClass的div元素4 $('input[name=first]')//选择name属性等于first的input元素也可以是jQuery特有的表达式：1 $('a:first')//选择网页中第一个a元素2 $('tr:odd')//选择表格的奇数行3 $('#myForm :input')//选择表单中的input元素4 $('div:visible') //选择可见的div元素5 $('div:gt(2)')//选择所有的div元素，除了前三个6 $('div:animated')//选择当前处于动画状态的div元素二、改变结果集如果选中多个元素，jQuery提供过滤器，可以缩小结果集：1 $('div').has('p'); //选择包含p元素的div元素2 $('div').not('.myClass'); //选择class不等于myClass的div元素3 $('div').filter('.myClass'); //选择class等于myClass的div元素4 $('div').first(); //选择第1个div元素5 $('div').eq(5); //选择第6个div元素有一些时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动方法：1 $('div').next('p'); //选择div元素后面的第一个p元素2 $('div').parent(); //选择div元素的父元素3 $('div').closest('form'); //选择离div最近的那个form父元素4 $('div').children(); //选择div的所有子元素5 $('div').siblings(); //选择div的同级元素三、链式操作选中网页元素以后，就可以对它进行某种操作。
jquery属性的获取和赋值
jquery属性的获取和赋值jquery中⽤attr()⽅法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常⽤到attr()，attr()有4个表达式。
1. attr( 属性名 ) //获取属性的值（取得第⼀个匹配元素的属性值。
通过这个⽅法可以⽅便地从第⼀个匹配元素中获取⼀个属性的值。
如果元素没有相应属性，则返回 undefined ）2. attr( 属性名, 属性值 ) //设置属性的值（为所有匹配的元素设置⼀个属性值。
）3. attr( 属性名 , 函数值 ) //设置属性的函数值（为所有匹配的元素设置⼀个计算的属性值。
不提供值，⽽是提供⼀个函数，由这个函数计算的值作为属性值。
）4. attr(properties) //给指定元素设置多个属性值，即：{属性名⼀: “属性值⼀” , 属性名⼆: “属性值⼆” , … … }。
(这是⼀种在所有匹配元素中批量设置很多属性的最佳⽅式。
注意，如果你要设置对象的class属性，你必须使⽤'className' 作为属性名。
或者你可以直接使⽤'class'或者'id'。
)jquery中删除属性的关键词是: removeAttr 注意A是⼤写的. 看看怎么⽤的:同样是⽤法⼀中的html代码, 我想删掉li的title属性, 那么就这样:1 2 3 4 5<script>$("ul li:eq(1)").removeAttr("title"); </script>就这么简单， attr 其实就是原⽣js中 getAttribute 的简化实现, ⽽removeAttr 就是 removeAttribute 的简写了。
jQueryForm表单取值的方法
jQueryForm表单取值的⽅法之前js取form表单的值都是⼀个⼀个的取，数量⼀多之后容易出错⽽且烦透了。
感谢那些愿意分享的⼈。
页⾯定义form，并给form指定id值，⾥⾯的元素只要是需要键值对应的都赋予name属性，并且name值等于后台能识别的参数名。
<form method='post' id="punishformID"><input hidden="hidden" name="Stu" value=@Model.Stu><input hidden="hidden" name="StuRuleIDs" value=@Model.StuRuleIDs></form></div><div style="margin-top:20px; padding-left:300px;"><button type="button" class="w-button w-button-submit" onclick="isagree();">确定</button></button></div>function isagree() {var obj = $('#punishformID').serialize();$.ajax({type: "POST",url: "/Discipline/IsAgree",data: obj,// 要提交的表单success: function (msg) {easyuiAlert(msg);},error: function (error) {easyuiAlert(error);}});}$('#punishformID').serialize();就是取上⾯form的值，得到的是object，可以直接传递给后台。
Jquery中的CheckBox、RadioButton、DropDownList、CheckBoxList、RadioButtonList的取值赋值
Jquery 中的CheckBox、RadioButton、DropDownList、CheckBoxList、RadioButtonList的取值赋值随着Jquery的作用越来越大，使用的朋友也越来越多。
在Web中，由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高，就关系到这些控件在Jquery中的操作问题。
由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。
Radio1.获取选中值，三种方法都可以：$('input:radio:checked').val()；$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();2.设置第一个Radio为选中值：$('input:radio:first').attr('checked', 'checked');或者$('input:radio:first').attr('checked', 'true');注：attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)3.设置最后一个Radio为选中值：$('input:radio:last').attr('checked', 'checked');或者$('input:radio:last').attr('checked', 'true');4.根据索引值设置任意一个radio为选中值：$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....或者$('input:radio').slice(1,2).attr('checked', 'true');5.根据Value值设置Radio为选中值$("input:radio[value='rd2']").attr('checked','true');或者$("input[value='rd2']").attr('checked','true');6.删除Value值为rd2的Radio$("input:radio[value='rd2']").remove();7.删除第几个Radio$("input:radio").eq(索引值).remove();索引值=0,1,2....如删除第3个Radio:$("input:radio").eq(2).remove(); 8.遍历Radio$('input:radio').each(function(index,domEle){//写入代码});DropDownList1.获取选中项：获取选中项的Value值：$('select#sel option:selected').val();或者$('select#sel').find('option:selected').val();获取选中项的Text值：$('select#seloption:selected').text();或者$('select#sel').find('option:selected').text(); 2.获取当前选中项的索引值：$('select#sel').get(0).selectedIndex;3.获取当前option的最大索引值：$('select#sel option:last').attr("index")4.获取DropdownList的长度：$('select#sel')[0].options.length;或者$('select#sel').get(0).options.length;5.设置第一个option为选中值：$('select#sel option:first').attr('selected','true')或者$('select#sel')[0].selectedIndex = 0;6.设置最后一个option为选中值：$('select#sel option:last).attr('selected','true')7.根据索引值设置任意一个option为选中值：$('select#sel')[0].selectedIndex =索引值;索引值=0,1,2.... 8.设置Value=4 的option为选中值：$('select#sel').attr('value','4');或者$("select#sel option[value='4']").attr('selected', 'true');9.删除Value=3的option：$("select#sel option[value='3']").remove();10.删除第几个option：$(" select#sel option ").eq(索引值).remove();索引值=0,1,2....如删除第3个Radio:$(" select#sel option ").eq(2).remove();11.删除第一个option：$(" select#sel option ").eq(0).remove();或者$("select#sel option:first").remove();12. 删除最后一个option：$("select#sel option:last").remove();13. 删除dropdownlist:$("select#sel").remove();14.在select后面添加一个option:$("select#sel").append("<option value='6'>f</option>");15. 在select前面添加一个option:$("select#sel").prepend("<option value='0'>0</option>");16. 遍历option：$(' select#sel option ').each(function (index, domEle) { //写入代码});CheckBox1.获取单个checkbox选中项(三种写法)：$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val();2.获取多个checkbox选中项：$('input:checkbox').each(function() {if ($(this).attr('checked') ==true) {alert($(this).val());}});或者$('input:checkbox').map(function () {return $(this).val();}).get().join(',') ;3.设置第一个checkbox 为选中值：$('input:checkbox:first').attr("checked",'checked');或者$('input:checkbox').eq(0).attr("checked",'true');4.设置最后一个checkbox为选中值：$('input:radio:last').attr('checked', 'checked');或者$('input:radio:last').attr('checked', 'true');5.根据索引值设置任意一个checkbox为选中值：$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....或者$('input:radio').slice(1,2).attr('checked', 'true');6.选中多个checkbox：同时选中第1个和第2个的checkbox：$('input:radio').slice(0,2).attr('checked','true');7.根据Value值设置checkbox为选中值：$("input:checkbox[value='1']").attr('checked','true');8.删除Value=1的checkbox：$("input:checkbox[value='1']").remove();9.删除第几个checkbox：$("input:checkbox").eq(索引值).remove();索引值=0,1,2....如删除第3个checkbox:$("input:checkbox").eq(2).remove();10.遍历checkbox：$('input:checkbox’).each(function (index, domEle) {//写入代码});11.全部选中$('input:checkbox').each(function() {$(this).attr('checked', true);});12.全部取消选择：$('input:checkbox').each(function () {$(this).attr('checked',false);});RadioButtonListvar userSex = $("input[name='rblSex']:checked").val(); CheckBoxList//给CheckBoxList添加alt属性foreach(ListItem li in this.cblNeedTestRoom.Items) { li.Attributes.Add("alt", li.Value); }function GetCheckBoxListValue() {var valuelist = ""; //保存checkbox选中值//遍历name以cblNeedTestRoom开头的checkbox$("input[name^='cblNeedTestRoom']").each(function() { if (this.checked) {//$(this):当前checkbox对象;//$(this).parent("span"):checkbox父级span对象valuelist += $(this).parent("span").attr("alt") + ","; }});if (valuelist.length > 0) {//得到选中的checkbox值序列,结果为400,398valuelist = valuelist.substring(0, valuelist.length - 1);}return valuelist;}。
Jquery给easyui的表单元素赋值，获取值总结
Jquery给easyui的表单元素赋值，获取值总结1.Inputa. validatebox定义：<input type="text" name="APPLYDEPTNAME" id="APPLYDEPTNAME" style="width: 99%"maxlength="50"class="easyui-validatebox" data-options="required:true" />赋值：$("#APPLYDEPTNAME").val('1212'),取值：$("#APPLYDEPTNAME").val()boBox定义：<td colspan="5">城市:<input id="city" style="width: 80px"class="easyui-combobox" data-options=" valueField: 'CityAreaCode', textField: 'CityAreaName', url: '../../Ajax/InforService.ashx?Method=GetCity', onSelect: function(rec){var url = '../../Ajax/InforService.ashx?Method=GetArea&CityAreaCode='+rec.CityAreaCode;$('#area').combobox('reload', url);$('#area').combobox('setValues', '');}" />区县:<input id="area"class="easyui-combobox" data-options="valueField:'CityAreaCode',textField:'CityAreaName'" />街道:<input type="text" value="" onchange="doValue(this.value)" style="width: 45%" name="SC001_APPLYDEPTADDRESS"maxlength="23"class="easyui-validatebox" id="SC001_APPLYDEPTADDRESS" data-options="required:true" />取值：$("#city2").combobox("getValues")$("#city").combobox("getValues") + "," + $("#area").combobox("getValues") + "," + $("#SC001_APPLYDEPTADDRESS").val(),赋值：$('#city').combobox('setValue', ‘北京’);回显：//公司地址var str4 = result.APPLYDEPTADDRESS;if (str4 != null) {var strs4 = new Array();strs4 = str4.split(",");$('#city').combobox('setValue', strs4[0]);var url = '../../Ajax/InforService.ashx?Method=GetArea&CityAreaCode=' + strs4[0];$('#area').combobox('reload', url);$('#area').combobox('setValue', strs4[1]);$("#APPLYDEPTADDRESS").val(strs4[2]);}还有这种写法： <input class="easyui-combobox" id="maxAge" name="maxAge" style="width:100px" data-options="valueField:'value',textField:'lable',data:[{lable:'不限',value:'-1',selected:true},{lable:'1',value:'1'},{lable:'10',value:'10'},{lable:'20',value:'20'},{lable:'30',value:'30'},{lable:'40',value:'40'},{lable:'50',value:'50'},{lable:'60',value:'60'},{lable:'70',value:'70'},{lable:'80',value:'80'},{lable:'90',value:'90'},{lable:'100',value:'100'},{lable:'200',value:'200'},{lable:'300',value:'300'}]"/>c.NumberBox定义：<input type="text"class="easyui-numberbox" maxlength="20" name="nn" id="nn" />赋值：$('#nn').numberbox('setValue', 206.12);取值：var v = $('#nn').numberbox('getValue');d.DateBox定义：<input type="text" name="nn" id="nn"class="easyui-datebox"data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />赋值：$("#SC001_CERTIFICATEVALID").datebox('setValue', '2014-9-12');取值：$('#nn').datebox('getValue'),e.NumberSpinner定义：<input id="ss"class="easyui-numberspinner" style="width:80px;"required="required" data-options="min:10,max:100,editable:false">赋值：$('#ss').numberspinner('setValue', 8234725);取值：var v = $('#ss').numberspinner('getValue');f.menubutton定义：<a href="javascript:void(0)" id="mb" name="mb" disabled="true"class="easyui-menubutton"data-options="menu:'#mm',iconCls:'icon-edit' ">确认</a><div id="mm" name="mm"style="width:150px;"><div data-options="iconCls:'icon-undo'" onclick="initTool.Check('确认通过')">确认通过</div><div data-options="iconCls:'icon-redo'" onclick="initTool.Check('确认不通过')">确认不通过</div></div>另附单选按钮Radio定义<td height="30" colspan="5"><input type="radio" name="APPLYDEPTTYPE" value="事业法⼈"checked="checked" />事业法⼈ <input type="radio" name="APPLYDEPTTYPE" value="企业法⼈" />企业法⼈<input type="radio" name="APPLYDEPTTYPE" value="社团法⼈" />社团法⼈<input type="radio" name="APPLYDEPTTYPE" value="其他" />其他</td>赋值：var str = result.APPLYDEPTTYPE;$("[value='" + str + "']").attr("checked", true);取值：$('input[name="APPLYDEPTTYPE"]:checked').val()另附多选框checkbox定义：<td height="60" colspan="5">         <input type="checkbox" name="BUSINESSSCOPE" value="⽔" />⽔         <input type="checkbox" name="BUSINESSSCOPE" value="空⽓" />空⽓          <input type="checkbox" name="BUSINESSSCOPE" value="⼟壤" />⼟壤</br>         <input type="checkbox" name="BUSINESSSCOPE" value="噪声" />噪声          <input type="checkbox" name="BUSINESSSCOPE" value="⽣物" />⽣物</td>赋值：var str3 = result.BUSINESSSCOPE;if (str3 != null) {var strs = new Array();strs = str3.split(",");for (i = 0; i < strs.length; i++){ $("[value='" + strs[i] + "']").attr("checked", true) };}取值：var isc = "";$("input[name='BUSINESSSCOPE']:checked").each(function () { //遍历table⾥的全部checkboxisc += $(this).val() + ","; //获取被选中的值});if (isc.length > 0) //如果获取到isc = isc.substring(0, isc.length - 1); //把最后⼀个逗号去掉string isc就是值2.TextArea定义：<textarea cols="25" rows="3" name="BUSINESSALLOW" id="BUSINESSALLOW" onpropertychange="if(this.value.length>100){this.value=this.value.substr(0,100)}" class="easyui-validatebox" style="width: 99%; height: 99%" data-options="req 赋值和取值与Input标签相同。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
转:jQuery对表单元素的取值和赋值操作
jquery 2009-10-14 10:40:19 阅读339 评论0字号：大中小订阅
jQuery读取input元素的值：
<input type=”text” id=”keyword” />
使用常规的思路：$(”#keyword”).value 取值是取不到的，因为此时$(’#keydord’)已经不是个element，而是个jquery对象，所以应该使用：$(”#keyword”).val() 。
jQuery中val()函数的作用：
val()
获得第一个匹配元素的当前值。
attr('value')
获取空间的value属性值
在jQuery 1.2 中,可以返回任意元素的值。
包括select。
如果多选，将返回一个数组，其包含所选的值。
返回值
String,Array
同理，对input元素赋值，需要：
$(”#keyword”)[0].value = '';
jquery获取元素值（转）
jQuery 2009-10-10 10:25:24 阅读147 评论0 字号：大中小订阅
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关
获取一组radio被选中项的值
var item = $('input[name=items][checked]').val();
获取select被选中项的文本
var item = $("select[name=items] option[selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio：$("input[@type=radio][@checked]").val();
下拉框select：$('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox：$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio：$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select：$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项$("<option value='1'>1111</option><option
value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框。