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 相关文章推荐
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
Nov 24 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
Aug 02 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
js动态调用css属性的小规律及实例说明
Dec 28 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
js中小数转换整数的方法
Jan 26 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 Javascript
html的DOM中Event对象onabort事件用法实例
Jan 21 Javascript
js实现简单秒表走动的时钟特效
Mar 25 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
VUE页面中加载外部HTML的示例代码
Sep 20 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 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实现短域名互转
2013/07/05 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
一句话JavaScript表单验证代码
2009/08/02 Javascript
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
客户端js性能优化小技巧整理
2013/11/05 Javascript
JavaScript利用正则表达式去除日期中的“-”
2014/07/01 Javascript
jquery 插件实现多行文本框[textarea]自动高度
2015/03/04 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
jQuery操作iframe中js函数的方法小结
2016/07/06 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
详解JavaScript中的数组合并方法和对象合并方法
2018/05/11 Javascript
React中this丢失的四种解决方法
2019/03/12 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
keep-alive保持组件状态的方法
2020/12/02 Javascript
Python中itertools模块用法详解
2014/09/25 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
python实现决策树分类(2)
2018/08/30 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
ansible-playbook实现自动部署KVM及安装python3的详细教程
2020/05/11 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
怎样声明接口
2014/09/19 面试题
大学生个人求职口试自我评价
2014/02/16 职场文书
二手房买卖协议书
2014/04/10 职场文书
财务工作检讨书
2014/10/29 职场文书
小学主题班会教案
2015/08/17 职场文书
MySQL学习之基础操作总结
2022/03/19 MySQL