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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(5)
Dec 23 Javascript
几行代码轻松搞定jquery实现flash8类似的连接效果
May 03 Javascript
javascript 显示当前系统时间代码
Dec 28 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
Mar 25 Javascript
JQ实现新浪游戏首页幻灯片
Jul 29 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
Feb 02 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
Jun 01 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 Javascript
angular+webpack2实战例子
May 23 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
JavaScript框架Angular和React深度对比
Nov 20 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
PHP怎样调用MSSQL的存储过程
2006/10/09 PHP
rrmdir php中递归删除目录及目录下的文件
2011/05/15 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
PHP函数实现分页含文本分页和数字分页
2014/10/23 PHP
PHP 极验验证码实例讲解
2016/09/29 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
Jquery 表格合并的问题分享
2011/09/17 Javascript
JavaScript实现SHA-1加密算法的方法
2015/03/11 Javascript
jquery中radio checked问题
2015/03/16 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
javascript图片预览和上传(兼容IE)
2017/03/15 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
js微信分享实现代码
2020/10/11 Javascript
JS中的BOM应用
2018/02/02 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
python实现批量转换文件编码(批转换编码示例)
2014/01/23 Python
用Python实现随机森林算法的示例
2017/08/24 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
Python中的TCP socket写法示例
2018/05/11 Python
树莓派实现移动拍照
2019/06/22 Python
关于pymysql模块的使用以及代码详解
2019/09/01 Python
python获取引用对象的个数方式
2019/12/20 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
英国高端食品和葡萄酒超市:Waitrose
2016/08/23 全球购物
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
介绍一下游标
2012/01/10 面试题
说说在weblogic中开发消息Bean时的persistent与non-persisten的差别
2013/04/07 面试题
写自荐信有哪些不宜?
2013/10/17 职场文书
老公给老婆的道歉信
2014/01/10 职场文书
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
上班迟到检讨书300字
2014/10/18 职场文书
世界遗产的导游词
2015/02/13 职场文书
涨价通知
2015/04/23 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书