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判断选择的时间是否大于今天的代码
Aug 20 Javascript
js获取事件源及触发该事件的对象
Oct 24 Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
使用jquery.upload.js实现异步上传示例代码
Jul 29 Javascript
Javascript核心读书有感之类型、值和变量
Feb 11 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
vue element-ui table表格滚动加载方法
Mar 02 Javascript
react以create-react-app为基础创建项目
Mar 14 Javascript
如何HttpServletRequest文件对象并储存
Aug 14 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 多线程上下文中安全写文件实现代码
2009/12/28 PHP
深入PHP magic quotes的详解
2013/06/17 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
Js中setTimeout()和setInterval() 何时被调用执行的用法
2013/04/12 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
2017/03/23 jQuery
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
2017/06/30 Javascript
jQuery 禁止表单用户名、密码自动填充功能
2017/10/30 jQuery
深入浅析JSONAPI在PHP中的应用
2017/12/24 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
vue实现学生信息管理系统
2020/05/30 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
[02:28]DOTA2英雄基础教程 狼人
2013/12/23 DOTA
[01:28]2014DOTA2国际邀请赛中国区预选赛四大豪门直升机抵达会场
2014/05/24 DOTA
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
python的id()函数介绍
2013/02/10 Python
pygame实现飞机大战
2020/03/11 Python
python递归函数用法详解
2020/10/26 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
可持续未来的时尚基础:Alternative Apparel
2019/05/06 全球购物
存储过程的优缺点是什么
2015/01/10 面试题
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
应届毕业生通用的自荐书范文
2014/02/07 职场文书
2014全国两会学习心得体会1000字
2014/03/10 职场文书
公司办公室岗位职责
2014/03/19 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
财政局个人年终总结
2015/03/03 职场文书
社团个人总结范文
2015/03/05 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
导游词之崇武古城
2019/10/07 职场文书