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实现 在光标处插入指定内容
May 25 Javascript
doctype后如何获得body.clientHeight的方法
Jul 11 Javascript
jQuery学习笔记之jQuery的事件
Dec 22 Javascript
能说明你的Javascript技术很烂的五个原因分析
Oct 28 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
javascript HTML+CSS实现经典橙色导航菜单
Feb 16 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
js Canvas绘制圆形时钟效果
Feb 17 Javascript
bootstrap日期插件daterangepicker使用详解
Oct 19 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 jQuery
javascript实现搜索筛选功能实例代码
Nov 12 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
destoon实现调用图文新闻的方法
2014/08/21 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
php邮件发送的两种方式
2020/04/28 PHP
php过滤htmlspecialchars() 函数实现把预定义的字符转换为 HTML 实体用法分析
2019/06/25 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
用js实现in_array的方法
2013/11/05 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
requireJS使用指南
2016/04/27 Javascript
JS实现的自定义水平滚动字体插件完整实例
2016/06/17 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
JS实现iframe自适应高度的方法示例
2017/01/07 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
微信小程序抽奖组件的使用步骤
2021/01/11 Javascript
深入源码解析Python中的对象与类型
2015/12/11 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
Python模拟浏览器上传文件脚本的方法(Multipart/form-data格式)
2018/10/22 Python
浅谈pandas用groupby后对层级索引levels的处理方法
2018/11/06 Python
python 实现aes256加密
2020/11/27 Python
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
经典c++面试题五
2014/12/17 面试题
接口可以包含哪些成员
2012/09/30 面试题
装饰活动策划方案
2014/02/11 职场文书
《燕子》教学反思
2014/02/18 职场文书
金融管理应届生求职信
2014/02/20 职场文书
股份转让协议书
2014/04/12 职场文书
大三学习计划书范文
2014/05/02 职场文书
2015年商场工作总结
2015/04/27 职场文书
孙振耀退休感言
2015/08/01 职场文书
电工生产实习心得体会
2016/01/22 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书
Pytorch 中net.train 和 net.eval的使用说明
2021/05/22 Python