jquery获取input的值
2016-02-19 11:21
246 查看
01 jquery取radio单选按钮的值 02 $("input[name='items']:checked").val(); 03 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 04 获取一组radio被选中项的值 05 var item = $('input[name=items][checked]').val(); 06 获取select被选中项的文本 07 var item = $("select[name=items] option[selected]").text(); 08 select下拉框的第二个元素为当前选中值 09 $('#select_id')[0].selectedIndex = 1; 10 radio单选组的第二个元素为当前选中值 11 $('input[name=items]').get(1).checked = true; 12 13 获取值: 14 15 文本框,文本区域:$("#txt").attr("value"); 16 多选框checkbox:$("#checkbox_id").attr("value"); 17 单选组radio: $("input[type=radio][checked]").val(); 18 下拉框select: $('#sel').val(); 19 20 控制表单元素: 21 文本框,文本区域:$("#txt").attr("value",'');//清空内容 22 $("#txt").attr("value",'11');//填充内容 23 24 多选框checkbox: $("#chk1").attr("checked",'');//不打勾 25 $("#chk2").attr("checked",true);//打勾 26 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 27 28 单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 29 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 30 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 31 $("#sel").empty();//清空下拉框 32 33 刚开始接触jquery,很多东西不熟悉 34 在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值 35 36 后来终于在伟大的百度帮助下,找到了问题的原因: 37 $("")是一个jquery对象,而不是一个dom element 38 39 value是dom element的属性 40 41 jquery与之对应的是val 42 43 val() :获得第一个匹配元素的当前值。 44 45 val(val):设置每一个匹配元素的值。 46 47 所以,代码应该这样写: 48 49 取值:val = $("#id")[0].value; 50 赋值: 51 $("#id")[0].value = "new value"; 52 或者$("#id").val("new value"); 53 54 或者这样也可以:val = $("#id").attr("value");
相关文章推荐
- jQuery UI dialog插件出错信息:$(this).dialog is not a function
- JQuery获取select值
- jquery点击图片选中特效
- jquery.dataTables--插件使用方法
- DateTimePicker:jQuery日期和时间插件
- jquery.validate使用 - 常用验证脚本
- jquery获取元素宽高,浏览器宽高,滚动距离
- jQuery ajax请求方法汇总
- jQuery on()绑定动态元素出现的问题小结
- web前端基础——jQuery编程基础
- Jquery取值简介(radio,select,checkbox)
- jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
- 45个炫酷的jquery图片滚动插件
- jQuery数组($.each,$.grep,$.map,$.merge,$.inArray,$.unique,$.makeArray)处理函数详解
- 关于jQuery的inArray 方法介绍
- JQuery 验证插件validate的showErrors参数的使用
- jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
- jQuery on()绑定动态元素出现的问题小结
- jQuery实现简单的DIV拖动效果
- 使用jQuery的easydrag插件实现可拖动的DIV弹出框