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 相关文章推荐
javascript 类定义的4种方法
Sep 12 Javascript
JS 面向对象之神奇的prototype
Feb 26 Javascript
JavaScript 图像动画的小demo
May 23 Javascript
基于jquery的跟随屏幕滚动代码
Jul 24 Javascript
ajax异步刷新实现更新数据库
Dec 03 Javascript
js通过iframe加载外部网页的实现代码
Apr 05 Javascript
JSON与XML优缺点对比分析
Jul 17 Javascript
js遍历map javaScript遍历map的简单实现
Aug 26 Javascript
JavaScript实现同一个页面打开多张图片
Dec 29 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
Sep 03 Javascript
Vue 同步异步存值取值实现案例
Aug 05 Javascript
JavaScript实现10秒后再次获取验证码
Dec 02 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
php 缓存函数代码
2008/08/27 PHP
php中define用法实例
2015/07/30 PHP
php文件上传类完整实例
2016/05/14 PHP
PHP简单遍历对象示例
2016/09/28 PHP
yii2 resetful 授权验证详解
2017/05/18 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
tp5框架使用cookie加密算法实现登录功能示例
2020/02/10 PHP
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
删除select中所有option选项jquery代码
2013/08/12 Javascript
js获取html文件的思路及示例
2013/09/17 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
2016/06/17 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
JQuery手速测试小游戏实现思路详解
2016/09/20 Javascript
JS控制HTML元素的显示和隐藏的两种方法
2016/09/27 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
Vuex中mutations与actions的区别详解
2018/03/01 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
vue-cli2 构建速度优化的实现方法
2019/01/08 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
2019/04/04 Javascript
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
pandas针对excel处理的实现
2021/01/15 Python
python中使用asyncio实现异步IO实例分析
2021/02/26 Python
全球领先的鞋类零售商:The Walking Company
2016/07/21 全球购物
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
企业演讲稿范文
2013/12/28 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
我爱我家教学反思
2014/05/01 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
如何书写授权委托书?
2019/06/25 职场文书
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang
【2·13】一图读懂中国无线电发展
2022/02/18 无线电
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis