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 伪数组实现方法
Oct 11 Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 Javascript
Uploadify上传文件方法
Mar 16 Javascript
Bootstrap每天必学之折叠(Collapse)插件
Apr 25 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
ES6学习教程之对象字面量详解
Oct 09 Javascript
js Dom实现换肤效果
Oct 21 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 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实现快速排序法函数代码
2012/08/27 PHP
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
2007/04/12 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
JS中showModalDialog 的使用解析
2013/04/17 Javascript
jquery删除提示框弹出是否删除对话框
2014/01/07 Javascript
jquery得到iframe src属性值的方法
2014/09/25 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
2016/11/18 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
学习node.js 断言的使用详解
2019/03/18 Javascript
利用JavaScript将Excel转换为JSON示例代码
2019/06/14 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
2020/10/16 Javascript
Python判断字符串与大小写转换
2015/06/08 Python
分享一个简单的python读写文件脚本
2017/11/25 Python
Python实现按逗号分隔列表的方法
2018/10/23 Python
python实现简单flappy bird
2018/12/24 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
利用python实现短信和电话提醒功能的例子
2019/08/08 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
Python爬虫与反爬虫大战
2020/07/30 Python
俄罗斯厨房产品购物网站:COOK HOUSE
2021/03/15 全球购物
what is the difference between ext2 and ext3
2015/08/25 面试题
艺术系应届生的自我评价
2013/10/19 职场文书
医院实习接收函
2014/01/12 职场文书
个人委托书范本
2014/04/02 职场文书
幼儿园八一建军节活动方案
2014/08/27 职场文书
英文产品推荐信
2015/03/27 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
python 镜像环境搭建总结
2022/09/23 Python