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 相关文章推荐
载入进度条 效果
Jul 08 Javascript
JS的Document属性和方法小结
Sep 17 Javascript
js实现网页随机切换背景图片的方法
Nov 01 Javascript
使用coffeescript编写node.js项目的方法汇总
Aug 05 Javascript
jQuery中ajax的load()与post()方法实例详解
Jan 05 Javascript
详解Vue-cli 创建的项目如何跨域请求
May 18 Javascript
微信小程序 如何引入外部字体库iconfont的图标
Jan 31 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 Javascript
详解写好JS条件语句的5条守则
Feb 28 Javascript
JavaScript页面加载事件实例讲解
Sep 01 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 Javascript
H5+css3+js搭建带验证码的登录页面
Oct 11 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
世界收音机发展史
2021/03/01 无线电
Yii核心组件AssetManager原理分析
2014/12/02 PHP
PHP之浮点数计算比较以及取整数不准确的解决办法
2015/07/29 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
JavaScript模板入门介绍
2012/09/26 Javascript
jquery自定义属性(类型/属性值)
2013/05/21 Javascript
手机号码,密码正则验证
2014/09/04 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
Jquery遍历Json数据的方法
2015/04/20 Javascript
Bootstrap模态窗口源码解析
2017/02/08 Javascript
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
AjaxUpLoad.js实现文件上传
2018/03/05 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
vue动画打包后失效问题的解决方法
2018/09/18 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
2019/03/11 Javascript
如何通过setTimeout理解JS运行机制详解
2019/03/23 Javascript
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
python实现pdf转换成word/txt纯文本文件
2018/06/07 Python
Python程序暂停的正常处理方法
2019/11/07 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
戴尔美国官网:Dell
2016/08/31 全球购物
巴西最大的体育用品商城:Netshoes巴西
2016/11/29 全球购物
英国女性时尚品牌:Apricot
2018/12/04 全球购物
迪卡侬波兰体育用品商店:Decathlon波兰
2020/03/31 全球购物
介绍下static、final、abstract区别
2015/01/30 面试题
汽车检测与维修个人求职信
2013/09/24 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
小学生爱国演讲稿
2014/04/25 职场文书
药店营业员岗位职责
2015/04/14 职场文书
礼仪培训心得体会
2016/01/22 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书
MySQL Server层四个日志的实现
2022/03/31 MySQL