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 01 Javascript
javascript中with()方法的语法格式及使用
Aug 04 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
Linux下使用jq友好的打印JSON技巧分享
Nov 18 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
Jul 22 Javascript
BootStrap入门教程(三)之响应式原理
Sep 19 Javascript
javascript 中关于array的常用方法详解
May 05 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
Apr 08 Javascript
vue项目中引入vue-datepicker插件的详解
May 14 Javascript
JS+CSS实现炫酷光感效果
Sep 05 Javascript
JavaScript实现多球运动效果
Sep 07 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 5.3.0 安装分析心得
2009/08/07 PHP
php面向对象全攻略 (三)特殊的引用“$this”的使用
2009/09/30 PHP
使用PHP 5.0创建图形的巧妙方法
2010/10/12 PHP
PHP面向对象——访问修饰符介绍
2012/11/08 PHP
PHP切割整数工具类似微信红包金额分配的思路详解
2019/09/18 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
用js解决数字不能换行问题
2010/08/10 Javascript
自己整理的一个javascript日期处理函数
2010/10/16 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
NodeJS学习笔记之Http模块
2015/01/13 NodeJs
js获取元素外链样式的方法
2015/01/27 Javascript
jQuery插件开发的五种形态小结
2015/03/04 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
Swiper实现轮播图效果
2017/07/03 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
2017/10/20 Javascript
JavaScript实现抖音罗盘时钟
2019/10/11 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
小程序实现列表展开收起效果
2020/07/29 Javascript
python 调用c语言函数的方法
2017/09/29 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
Python代码太长换行的实现
2019/07/05 Python
Python OpenCV实现鼠标画框效果
2020/08/19 Python
解决Python中回文数和质数的问题
2019/11/24 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
HQhair美国/加拿大:英国化妆品、美容及美发产品商城
2019/04/15 全球购物
一个大学生十年的职业规划
2014/01/17 职场文书
星级党支部申报材料
2014/05/31 职场文书
运动会口号大全
2014/06/07 职场文书
小学运动会加油词
2015/07/18 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript