jquery text,radio,checkbox,select操作实现代码


Posted in Javascript onJuly 09, 2009

控制表单元素:

文本框,文本区域:
$("#txt").attr("value")或者$("#txt").val()//获取值
$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox:
$("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')) //判断是否已经打勾

单选组radio:
$("input[type=radio][checked]").val();//获取值
$("input[name=tt]").attr("checked",'value2');//设置value='value2'的项目为当前选中项
$("input[name=items]").get(1).checked = true;//第二个元素为当前选中值

下拉框select:
$("select[name=topSearch] option[selected]").val();//获取值
$("select[name=topSearch] option[selected]").text();//获取显示内容
$("#sel").attr("value",'sel3');//设置value='sel3'的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
$('#select_id')[0].selectedIndex = 1;//下拉框的第二个元素为当前选中值

Javascript 相关文章推荐
Jquery cookie操作代码
Mar 14 Javascript
jquery显示和隐藏div特效实例
Feb 27 Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
Sep 10 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
vue.js select下拉框绑定和取值方法
Mar 03 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
基于ts的动态接口数据配置的详解
Dec 18 Javascript
javascript 字符 Escape,encodeURI,encodeURIComponent
Jul 09 #Javascript
jQuery 1.3 和 Validation 验证插件1.5.1
Jul 09 #Javascript
javascript xml为数据源的下拉框控件
Jul 07 #Javascript
JS 自动完成 AutoComplete(Ajax 查询)
Jul 07 #Javascript
javascript 选择文件夹对话框(web)
Jul 07 #Javascript
JavaScript 解析读取XML文档 实例代码
Jul 07 #Javascript
javascript 新浪背投广告实现代码
Jul 07 #Javascript
You might like
PHP5中使用DOM控制XML实现代码
2010/05/07 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
JqGrid web打印实现代码
2011/05/31 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
2017/02/14 Javascript
Webpack打包慢问题的完美解决方法
2017/03/16 Javascript
深入nodejs中流(stream)的理解
2017/03/27 NodeJs
JS实现微信里判断页面是否被分享成功的方法
2017/06/06 Javascript
vue-infinite-loading2.0 中文文档详解
2018/04/08 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
Python中datetime常用时间处理方法
2015/06/15 Python
Python利用turtle库绘制彩虹代码示例
2017/12/20 Python
python 读取目录下csv文件并绘制曲线v111的方法
2018/07/06 Python
通过PYTHON来实现图像分割详解
2019/06/26 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题
2020/11/28 Python
全球度假村:Club Med
2017/11/27 全球购物
日化店促销方案
2014/03/26 职场文书
国家领导干部党的群众路线教育实践活动批评与自我批评材料
2014/09/23 职场文书
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python