jquery获取元素值的方法(常见的表单元素)


Posted in Javascript onNovember 15, 2013

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();//清空下拉框

Javascript 相关文章推荐
js 实现无缝滚动 兼容IE和FF
Jul 15 Javascript
JavaScript 精粹读书笔记(1,2)
Feb 07 Javascript
JavaScript Scoping and Hoisting 翻译
Jul 03 Javascript
在JavaScript中访问字符串的子串
Jul 07 Javascript
JavaScript数组去重的几种方法效率测试
Oct 23 Javascript
canvas实现图片根据滑块放大缩小效果
Feb 24 Javascript
vue.js中Vue-router 2.0基础实践教程
May 08 Javascript
Vue动态实现评分效果
May 24 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
Apr 29 Javascript
JS实现可切换图片的幻灯切换效果示例
May 24 Javascript
微信小程序收藏功能的实现代码
Jun 19 Javascript
jquery实现图片灯箱明暗的遮罩效果
Nov 15 #Javascript
js螺旋动画效果的具体实例
Nov 15 #Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 #Javascript
JS读取XML文件示例代码
Nov 15 #Javascript
JS正则表达式获取分组内容的方法详解
Nov 15 #Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 #Javascript
jQuery Form 页面表单提交的小例子
Nov 15 #Javascript
You might like
人大复印资料处理程序_补充篇
2006/10/09 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
PHP多文件上传实例
2015/07/09 PHP
php Session无效分析资料整理
2016/11/29 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
js获取光标位置和设置文本框光标位置示例代码
2014/01/09 Javascript
jQuery中noconflict函数的实现原理分解
2015/02/03 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
js的三种继承方式详解
2017/01/21 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
2017/10/26 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
layui 监听select选择 获取当前select的ID名称方法
2019/09/24 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
2019/12/17 Javascript
京东优选小程序的实现代码示例
2020/02/25 Javascript
Python编程判断一个正整数是否为素数的方法
2017/04/14 Python
Python设计模式之观察者模式简单示例
2018/01/10 Python
wxPython实现窗口用图片做背景
2018/04/25 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
tensorflow 查看梯度方式
2020/02/04 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
深入浅析Python 函数注解与匿名函数
2020/02/24 Python
计算机专业推荐信范文
2013/11/27 职场文书
2015年关爱留守儿童工作总结
2015/05/22 职场文书
党风廉政教育心得体会2016
2016/01/22 职场文书
Pytorch 如何实现LSTM时间序列预测
2021/05/17 Python