jQuery对表单元素的取值和赋值操作

合集下载

jquery获取表单元素的方法

</script>
<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（列表）的操作（取值赋值）

uery事件blur方法的使用实例讲解小编觉得内容挺不错的现在分享给大家具有很好的参考价值需要的朋友一起跟随小编来看看吧
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">&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp<input type="checkbox" name="BUSINESSSCOPE" value="⽔" />⽔ &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="checkbox" name="BUSINESSSCOPE" value="空⽓" />空⽓ &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp<input type="checkbox" name="BUSINESSSCOPE" value="⼟壤" />⼟壤</br>&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp<input type="checkbox" name="BUSINESSSCOPE" value="噪声" />噪声 &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp<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标签相同。

jQuery表单元素取值与赋值方法总结

jQuery表单元素取值与赋值⽅法总结⼀、普通⽂本框的赋值与取值1.1.1赋值<h2>jQuery 表单元素取值与赋值⽅法总结</h2><input type="text" class="test1"/><input type="button" value="赋值" onclick="get()"/><input type="text" class="test2"/><script type="text/javascript" charset="utf-8">function get(){var test1 = $("input.test1").val();$(".test2").val(test1);}</script>运⾏效果：1.1.2 取值⽰例代码：<h2>jQuery 表单元素取值与赋值⽅法总结</h2><input type="text" value="我是普通⽂本框" class="test1"/><input type="button" value="取值" onclick="get()"/><span id="span"></span><script type="text/javascript" charset="utf-8">function get(){var test1 = $("input.test1").val();$("#span").html(test1);}</script>运⾏效果：⼆、获取和设置单选项radio的值2.1.1获取单选项radio的值<input name="rd" type="radio" value="1">1<input name="_radio" type="radio" value="2" checked="checked">2<input type="button" value="取值" onclick="Show_redio()"/><script>function Show_redio(){//var _val = $('input:radio:checked').val();var _val = $("input[type='radio']:checked").val();//var _val = $("input[name='rd']").val();alert(_val);}</script>运⾏效果：三、获取和设置复选框的值<!DOCTYPE html><html><head><title>jQuery 表单元素取值与赋值⽅法总结</title><script src="js/jquery-1.11.3.min.js"></script></head><body><input type="checkbox" name="check" value="A" id="checkbox_id1">A<input type="checkbox" name="check" value="B" id="checkbox_id2">B<input name="check" type="checkbox" value="C" checked="checked" id="checkbox_id3"> C <input type="button" value="点击" onclick="Show_checkbox()"/><script>function Show_checkbox() {//取得多选框值//多选框checkbox：$("#checkbox_id").attr("value");val3 = $("#checkbox_id3").attr("value");val2 = $("#checkbox_id2").attr("value");val1 = $("#checkbox_id1").attr("value");//多选框checkbox： $("#chk1").attr("checked",'');//不打勾//$("#chk2").attr("checked",true);//打勾//if($("#chk1").attr('checked')==undefined) //判断是否已经打勾//多选框checkbox 不打勾$("#checkbox_id3").attr("checked", '');//多选择框checkbox打勾$("#checkbox_id1").attr("checked", false);$("#checkbox_id2").attr("checked", true);if($("#checkbox_id1").attr('checked') == undefined)alert("没有选中!");elsealert("已经选中!");}</script></body></html>运⾏效果：四、获取和设置下拉菜单列表的值<!DOCTYPE html><html><head><title>jQuery 表单元素取值与赋值⽅法总结</title><script src="js/jquery-1.11.3.min.js"></script></head><body><select name="_select" id="_select" onchange="Show_select()"> <option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option></select><span id="span"></span><script>function Show_select() {var options = $("#_select option:selected"); //获取选中的项 alert(options.val()); //拿到选中项的值$("#span").html(options.text());}</script></body></html>运⾏效果：//设置select下拉框的第⼆个元素为当前选中值$("#_select")[0].selectedIndex = 2;运⾏效果：//下拉框select//设置⼀下值为D的项⽬为当前选中项$("#_select").attr("value",'D');//添加下拉框的option$("<option value='E'>E</option><option vlaue='F'>F</option>").appendTo("#_select"); //清空下拉框$("#_select").empty();五、获取和设置⽂本框/⽂本域的值<!DOCTYPE html><html><head><title>jQuery 表单元素取值与赋值⽅法总结</title><script src="js/jquery-1.11.3.min.js"></script></head><body><textarea cols="55" rows="5" name="text" id="text"></textarea><input type="button" value="赋值⽂件框" onclick="Show_textarea()"/><script>function Show_textarea() {//填充内容var test = "werrtyhgfdsaadfgh"$("#text").val(test);//清空内容//$("#text").attr("value","");}</script></body></html>运⾏效果：Jquery获得控件值的⽅法取值：$("")是⼀个jquery对象，⽽不是⼀个dom elementvalue是dom element的属性jquery与之对应的是valval() :获得第⼀个匹配元素的当前值。

jQuery对表单元素的取值和赋值操作

转: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><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option$("#sel").empty()；//清空下拉框。

jquery中的val方法

jquery中的val方法JQuery中的val方法是一个非常常用的方法，它可以获取或设置表单元素的值。

在本文中，我们将深入探讨JQuery中的val方法，包括其语法、用法和一些实际应用。

语法JQuery中的val方法的语法如下：$(selector).val(value)其中，selector是要操作的表单元素的选择器，value是要设置的值。

如果没有传递value参数，则该方法将返回当前表单元素的值。

用法JQuery中的val方法可以用于各种表单元素，包括文本框、下拉框、单选框和复选框等。

下面是一些常见的用法示例：1. 获取文本框的值可以使用以下代码获取文本框的值：var value = $("#myInput").val();其中，#myInput是文本框的ID。

2. 设置文本框的值可以使用以下代码设置文本框的值：$("#myInput").val("new value");其中，#myInput是文本框的ID，"new value"是要设置的新值。

3. 获取下拉框的选中值可以使用以下代码获取下拉框的选中值：var value = $("#mySelect").val();其中，#mySelect是下拉框的ID。

4. 设置下拉框的选中值可以使用以下代码设置下拉框的选中值：$("#mySelect").val("option2");其中，#mySelect是下拉框的ID，"option2"是要选中的选项的值。

5. 获取单选框或复选框的选中状态可以使用以下代码获取单选框或复选框的选中状态：var checked = $("#myCheckbox").prop("checked");其中，#myCheckbox是单选框或复选框的ID。

jquery中prop的用法

jquery中prop的用法jQuery中prop的用法jQuery作为一种流行的JavaScript库，成为了Web开发中不可或缺的一部分。

在jQuery中，prop()是一个很常用的方法，它可以用来获取或设置元素的属性值。

在这篇文章中，我们将学习如何使用prop()方法。

一、基本用法在jQuery中，prop()方法有两个基本用法：获取一个属性值和设置一个属性值。

1. 获取属性值获取一个元素的属性值可以通过以下语法：$(selector).prop(propertyName);propertyName是需要获取的属性名称。

这将返回元素的属性值。

例如，如果你想获取一个复选框的选中状态，可以这样写：$("#myCheckbox").prop("checked");2. 设置属性值设置一个元素的属性值可以通过以下语法：$(selector).prop(propertyName, value);propertyName是需要设置的属性名称，而value则是需要设置的值。

这将设置元素的属性值。

例如，如果要设置一个复选框的选中状态为选中，可以这样写：$("#myCheckbox").prop("checked", true);二、prop()与attr()的区别除了prop()以外，jQuery中还有一个类似的方法叫做attr()。

那么，这两个方法有什么区别呢？1. 区别prop()和attr()的主要区别在于它们处理布尔属性和XML属性的方式不同。

在处理布尔属性时，prop()会返回布尔值，而attr()会返回字符串。

在处理XML属性时，prop()会返回一个DOM元素的属性，而attr()会返回字符串。

例如，对于一个复选框，它有一个名为checked的布尔属性。

如果使用prop()方法来获取这个属性，它将返回布尔值，而如果使用attr()方法来获取这个属性，它将返回字符串。

jquery操作select下拉框的多种方法(选中取值赋值等)

jquery操作select下拉框的多种方法（选中取值赋值等）在jQuery中，可以使用多种方法来操作select下拉框，包括选中、取值、赋值等。

下面将详细介绍这些方法。

1.选中选项- 使用`val(`方法选中选项：可以使用`val(`方法来选中下拉框中的选项。

例如，`$("#selectId").val("optionValue")`会选中值为"optionValue"的选项。

- 使用`prop(`方法选中选项：也可以使用`prop(`方法来选中选项。

例如，`$("#selectIdoption[value='optionValue']").prop("selected", true)`会选中值为"optionValue"的选项。

2.取得选中的值- 使用`val(`方法获取选中值：可以使用`val(`方法来获取下拉框中选中的值。

例如，`$("#selectId").val(`会返回选中的值。

- 使用`text(`方法获取选中文本：可以使用`text(`方法来获取下拉框中选中的文本。

例如，`$("#selectId option:selected").text(`会返回选中的文本。

3.赋值给选项- 使用`append(`方法添加选项：可以使用`append(`方法向下拉框中添加新的选项。

例如，`$("#selectId").append("<optionvalue='newValue'>New Option</option>")`会添加一个新的选项。

- 使用`html(`方法替换选项：可以使用`html(`方法来替换下拉框中的选项。

例如，`$("#selectId").html("<option value='newValue'>New Option</option>")`会替换所有选项。

jQuery使用元素属性attr赋值详解

jQuery使⽤元素属性attr赋值详解复制代码代码如下:1.$("Element").attr(name) '取得第⼀个匹配的属性值，⽐如$("img").attr("src")2.$("Element".attr(key,value)") '某⼀个元素设置属性3.$("Element".attr({key:value,key1:value,....})) ‘为某个元素⼀次性设置多个属性4.$("Element").attr(key,function) '为所有匹配的元素设置⼀个计算的属性值。

5.$("Element").removeAttr(name)//移除某⼀个属性jQuery 代码:复制代码代码如下:$("img").attr("src");参数properties 描述:为所有图像设置src和alt属性。

jQuery 代码:复制代码代码如下:$("img").attr({ src: "test.jpg", alt: "Test Image" });参数key,value 描述:为所有图像设置src属性。

jQuery 代码:复制代码代码如下:$("img").attr("src","test.jpg");参数key,回调函数描述:把src属性的值设置为title属性的值。

jQuery 代码:复制代码代码如下:$("img").attr("title", function() { return this.src });以上就是本⽂的全部内容了，都是个⼈的⼀些经验总结，希望⼤家能够喜欢。

jquery元素文本取值赋值

jquery元素⽂本取值赋值select元素选中option值jq$("#select1 option:selected").text();$("select id或class option:selected").text();js获取select标签选中的值var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中⽂本var value = obj.options[index].value; // 选中值单选按钮(Radio)当前选中项的值jqvar value = $('input[name="radioName"]:checked').val(); //获取被选中Radio的Value值js<input type="radio" name="DoorCt" value="twoDoor" checked=”true”onclick="getValue()">Two<input type="radio" name="DoorCt" value="fourDoor" onclick="getValue()">Four1 按照name属性获取该radio的集合2 遍历集合中的每⼀项元素3 获取元素的checked属性，是否为true，为true，返回其value值function getValue(){// method 1var radio = document.getElementsByName("DoorCt");for (i=0; i<radio.length; i++) {if (radio[i].checked) {alert(radio[i].value)}}}这⾥使⽤alert(radio[i].value)是为了直观的效果，可以使⽤return radio[i].value 来返回value值。

jqform表单自动赋值

jqform表单⾃动赋值(function ($) {$.fn.extend({initForm: function (options) {//默认参数var defaults = {formdata: "",isDebug: true //是否需要调试，这个⽤于开发阶段，发布阶段请将设置为false，默认为false,true将会把name value打印出来}//如果传⼊的json字符串，将转为json对象var tempData = "";if ($.type(options) === "string") {defaults.formdata = JSON.parse(options);} else {defaults.formdata = options;}//设置参数// var setting = $.extend({}, defaults, tempData);var setting = defaults;var form = this;formdata = setting.formdata;//如果传⼊的json对象为空，则不做任何操作if (!$.isEmptyObject(formdata)) {var debugInfo = "";$.each(formdata, function (key, value) {//是否开启调试，开启将会把name value打印出来if (setting.isDebug) {debugInfo += "name:" + key + "; value:" + value + "\r\n ";}//表单处理var formField = form.find("[name='" + key + "']");if ($.type(formField[0]) === "undefined") {if (setting.isDebug) {console.warn("can not find name:[" + key + "] in form!!!"); //没找到指定name的表单}} else {var fieldTagName = formField[0].tagName.toLowerCase();if (fieldTagName == "input") {if (formField.attr("type") == "radio") {$("input:radio[name='" + key + "'][value='" + value + "']").attr("checked", "checked");} else if (formField.attr("type") == "checkbox") {$("input:checkbox[name='" + key + "'][value='" + value + "']").attr("checked", "checked");} else {formField.val(value);}} else if (fieldTagName == "label") {formField.html(value);} else {formField.val(value);}}//图⽚链接处理form.find("img[fieldata=img_url]")var formImage = form.find("img[fieldata=" + key + "]");if ($.type(formImage[0]) != "undefined") {formImage.attr("src", value);}//a链接处理var formLink = form.find("a[fieldata=" + key + "]");if ($.type(formLink[0]) != "undefined") {formLink.attr("href", value);}})if (setting.isDebug) {console.log(debugInfo);}}return form; //返回对象，提供链式操作}});})(jQuery)。

Jquery中如何获取元素的文本值属性和内容

Jquery中如何获取元素的文本值属性和内容在jQuery中，可以使用各种方法来获取元素的文本、值、属性和内容。

下面是一些常用的方法：1.获取元素文本：可以使用 `.text(` 方法来获取元素的文本。

这个方法可以获取指定元素及其后代元素的文本内容。

示例代码：```javascript// 获取 <div> 元素的文本var text = $('div').text(;console.log(text);```2.获取元素值：可以使用 `.val(` 方法来获取输入框元素的值。

这个方法适用于`input`、`select` 和 `textarea` 元素。

示例代码：```javascript// 获取 <input> 元素的值var value = $('input').val(;console.log(value);```3.获取元素属性：可以使用 `.attr(` 方法来获取元素的属性值。

这个方法接受一个属性名作为参数，并返回对应属性的值。

示例代码：```javascript// 获取 <img> 元素的 src 属性值var src = $('img').attr('src');console.log(src);```4.获取元素内容：示例代码：```javascript//获取<p>元素的内容var content = $('p').html(;console.log(content);```5. 获取元素的 data 属性：可以使用 `.data(` 方法来获取元素的 data 属性值。

这个方法接受一个 data 属性名作为参数，并返回对应属性的值。

示例代码：```javascript// 获取 <div> 元素的 data-value 属性值var value = $('div').data('value');console.log(value);```6.获取表单元素的提交数据：可以使用 `.serialize(` 方法来获取表单元素的所有提交数据。

jquery获取设置值、添加元素详解

jquery获取设置值、添加元素详解jQuery DOM 操作jQuery 中⾮常重要的部分，就是操作 DOM 的能⼒。

jQuery 提供⼀系列与 DOM 相关的⽅法，这使访问和操作元素和属性变得很容易。

提⽰：DOM = Document Object Model（⽂档对象模型）获得内容 - text()、html() 以及 val()三个简单实⽤的⽤于 DOM 操作的 jQuery ⽅法：text() - 设置或返回所选元素的⽂本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值下⾯的例⼦演⽰如何通过 jQuery text() 和 html() ⽅法来获得内容：实例$("#btn1").click(function(){alert("Text: " + $("#test").text());});$("#btn2").click(function(){alert("HTML: " + $("#test").html());}); 下⾯的例⼦演⽰如何通过 jQuery val() ⽅法获得输⼊字段的值：实例$("#btn1").click(function(){alert("Value: " + $("#test").val());});获取属性 - attr()jQuery attr() ⽅法⽤于获取属性值。

下⾯的例⼦演⽰如何获得链接中 href 属性的值：实例$("button").click(function(){alert($("#w3s").attr("href"));});设置内容 - text()、html() 以及 val()我们将使⽤前⼀章中的三个相同的⽅法来设置内容：text() - 设置或返回所选元素的⽂本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值下⾯的例⼦演⽰如何通过 text()、html() 以及 val() ⽅法来设置内容：实例$("#btn1").click(function(){$("#test1").text("Hello world!");$("#btn2").click(function(){$("#test2").html("<b>Hello world!</b>");});$("#btn3").click(function(){$("#test3").val("Dolly Duck");});text()、html() 以及 val() 的回调函数上⾯的三个 jQuery ⽅法：text()、html() 以及 val()，同样拥有回调函数。

jquery获取value的方法(一)

jquery获取value的方法(一)
jQuery获取value的方法
方法一：使用.val()方法获取value值
使用.val()方法是最常见和最简单的获取value值的方法。

只需要使用选择器选中需要获取值的元素，然后调用.val()方法即可。

方法二：使用.attr()方法获取value值
.attr()方法可以获取元素的属性值，因为value是元素的属性之一，所以也可以使用.attr(‘value’)来获取value值。

方法三：使用.prop()方法获取value值
.prop()方法可以获取或设置元素的属性值，因此也可以使
用.prop(‘value’)来获取value值。

方法四：使用.text()方法获取value值
虽然.text()方法通常用于获取元素的文本内容，但是对于表单元素来说，它也可以获取value值。

方法五：使用.html()方法获取value值
.html()方法同样可以用于获取表单元素的value值，但需要注意的是，.html()方法会返回元素内部的HTML代码，而不仅仅是value 值。

方法六：使用$.()方法获取value值
$.()方法可以将表单元素的值序列化为URL编码的字符串，可以通过解析这个字符串来获取value值。

方法七：使用()方法获取value值
虽然上述方法都是使用jQuery的方法来获取value值，但我们也可以使用原生JavaScript的方法来获取，如使用()方法。

不过需要注意的是，这样只能获取单个元素的value值。

以上是获取value值的几种常见方法，根据不同的场景和需求，可以选择最合适的方法来获取value值。

jQuery根据表单name获取值的方法

jQuery根据表单name获取值的⽅法本⽂实例讲述了jQuery根据表单name获取值的⽅法。

分享给⼤家供⼤家参考，具体如下：根据name取值：$("input[name='mobile']").val()根据id取值:$("#mobile_reg_form").html()根据name取值遍历：$("input[name='mobile']").each(function(){alert($(this).val());})取出form中的input：<script type="text/javascript" language="JavaScript" charset="UTF-8">$(document).ready(function(){var a=$("form input");$.each(a,function(name,object){alert(name+":"+$(object).val());});});</script>得到值（多个的情况）：$("input[name='mobile']")[0].value$("input[name='mobile']").get(1).valuejquery添加删除样式给⼀个标签添加样式:$("#id").addClass("style");删除⼀个标签的样式:$("#id").removeClass("style");注:"#id" id是对应标签的id,style是对应css样式的名称更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家jQuery程序设计有所帮助。