使用val()另一个妙用------选中select/checkbox/radio的值

一直认为val()方法只有两个功能:1.能设置元素的值,2.获取元素的值.知道val()方法还有另外一个妙用,就是它能使select(下拉列表框).checkbox(多选框)和radio(单选框)相应的选项被选中,在表单操作中会经常用到.而你使用的$("select").val()并不是把所有选项的value显示出来,而是把选中项的value显示出来. 下面的2,4,6其实都是通过$("select").val()得到的,具体代码如下: <script>…

jquery 操作select,checkbox,radio （整理）

在工作中经经常使用到select,checkbox,radio,今天有点空暇就整理一下,免得以后用的时候还要又一次找. 操作select下拉框 -- 获取值或选中项: 1, $("#select_id").change(function(){//code...}); //为Select加入事件.当选择当中一项时触发 2.var checkValue=$("#select_id").val(); //获取Select选择的Value 3,var checkText=…

jq获取被选中的option的值。jq获取被选中的单选按钮radio的值。

温故而知新,一起复习下jq的知识点. (1) jq获取被选中的option的值 <select id="select_id"> <option value="0">请选择</option> <option value="1">11111111111</option> <option value="2>222222222</option> <opti…

JQuery操作select checkbox radio总结

JQuery是一个非常强大的工具,所以我必须找到它最方便的方法,嘻嘻 Select CRUD: Select搜: 1.val值: $("#selectid").val(); //最方便的 2.text值: $("#selectid option:selected").text(); //最方便的或 $("#selectid").find("option:selected").text() 3.Inde…

JQuery获取被选中的checkbox的value值

文章源头:http://www.cnblogs.com/td960505/p/6123510.html 以下为使用JQuery获取input checkbox被选中的值代码: <html> <head> <meta charset="gbk">  <script src="jquery-1.3.1.js" type="te…

使用JQuery获取被选中的checkbox的value值以及全选、反选

以下为使用JQuery获取input checkbox被选中的值代码: <html> <head> <meta charset="gbk">  <script src="jquery-1.3.1.js" type="text/javascript"></script> </head> <body> <input…

使用JQuery获取被选中的checkbox的value值

上网查了一下,感觉一些人回答得真的是不知所云,要么代码不够简便.或者是有些想装逼成分等. 以下为使用JQuery获取input checkbox被选中的值代码: <html> <head> <meta charset="gbk">  <script src="jquery-1.3.1.js" type="text/ja…

jQuery 设置select，radio的值，无法自动触发绑定的change事件

一.问题今天在对select和radio做change事件绑定后,手动设置其value值,但是不能触发change事件二.解决使用trigger方法手动触发…

checkbox，select，radio 选取值,设定值,回显值

获取一组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]').…

jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec…

easyui 》 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]').g…

jquery 获取和设置 checkbox radio 和 select option的值?

============== 获取和设置 checkbox radio 和 select的值? === val()函数, 其名字就表达了它的意思: 他就是＝ value 的简写! val就是value, 就是为获取表单元素的 value属性的属性值, 只能针对form表单元素有效!! selected选中的是针对 select元素的option, checked是针对checkbox和radio元素. select和checkbox的表示 "值" 的方式不同: select是用…

Jquery获取select,dropdownlist,checkbox下拉列表框的值

jQuery获取 Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$(&quo…

jQuery处理下拉框（Select、radio、checkbox等）代码

//遍历option和添加.移除option <script> function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val()…

select设置text的值选中（兼容ios和Android）基于jquery

前一段时间改了一个bug,是因为select引起的.当时我没有仔细看,只是把bug改完了就完事了,今天来总结一下. 首先说option中我们通常会设置value的属性的,还有就是text值的,请参见下面的HTML代码: <select class="sel" name=""> <option value="1">one</option> <option value="2">two…

jquery操作select下拉框的各种方法，获取选中项的值或文本，根据指定的值或文本选中select的option项等

简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquery里对下拉框select的各种操作,如两个或三个select下拉框的联动效果,读取select下拉框里选中项的值和文本,根据指定的值或文本来选中select下拉框的指定项等操作,先来看具体的在线实例演示: jquery操作下拉框select的各种方法在线实例演示下面是上面在线实例的截图: [jqu…

legend---七、jquery如何选中select的selected的选择上的自定义属性

legend---七.jquery如何选中select的selected的选择上的自定义属性一.总结一句话总结:用冒号属性选择器 var type=$(this).children('option:selected').attr('data-fry-value'); 1.get方式其实也是一种很好的传值方式(表单才是post,一般的都是get,比如a标签)(ajax另说)? 如下这段代码也是保证的初始时不走第三行if的内容,后面get方式传值过来再走这里是通过传进来的参数的值判断的初始请…

jQuery操作选中select下拉框的值

js和jQuery联合操作dom真的很好用,如果不是专业前端人员的话,我觉得吧前端语言只要熟练掌握js和jQuery就可以了. 获取select下拉框的几种情况如下: 1.获取第一个option的值 $('#test option:first').val(); 2.最后一个option的值 $('#test option:last').val(); 3.获取第二个option的值 $('#test option:eq(1)').val(); 依次类推可以获取第三个.第四个option的值 4.获…

jquery radio取值，checkbox取值，select取值及选中

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下拉框的第二个元素为当前选中值 $('#selec…

jQuery实现动态选中select

// jquery实现动态选中select var active = $('.all_sla_title1 .active') var group_name = active.html(); var sla = active.attr('data-sla'); var remote = active.attr('data-remote'); // console.log(group_name + sla + remote); $.each($('#sla option'), function(i…

jQuery设置 select、radio、checkbox 默认选中的值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

js获取select选中的标签option的值

js中获取方法 var obj = document.getElementByIdx_xx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery中获得选中select值第一种方式$('#testSelect option:sele…

获取select标签选中状态的label的值。

<select name="procode" onchange="alert(this.options[this.selectedIndex].text)"> <option value="100">北京</option> <option value="200">广东</option> <option value="210">上海<…

js和Jquery获取选中select值和文本

<body> <select name="PaymentType" style="width:110px" > <option value="">请选择 </option> <option value="001">月付</option> <option value="002">半年付</option> <o…

5.用JQuery实现选中select里面的option显示对应的div

用JQuery实现选中select里面的option显示对应的div HTML: <select name="" onchange="select(this)"> <option value="1">题目一</option> <option value="2">题目二</option> <option value="3">题目三<…

finally的一个妙用

●传统用法try-catch-finally大家都会用:try包裹可能抛出异常的代码:catch捕获异常并对其处理:finally做一些资源关闭等回收工作.简单明了一句话就能说清. 稍微进阶一些的,大家可能在笔试/面试/工作中遇到,如果try.catch中有了return,那finally的执行时在return之前还是return之后呢?我们查看java官方的说明可以得到答案: If the try clause executes a return, the compiled code does…