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 在网页上单击鼠标的地方显示层及关闭层
Dec 30 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
javascript/jquery获取地址栏url参数的方法
Mar 05 Javascript
node.js操作mongoDB数据库示例分享
Nov 26 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
如何在AngularJs中调用第三方插件库
May 21 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
vue中设置height:100%无效的问题及解决方法
Jul 27 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
Vue 3.x+axios跨域方案的踩坑指南
Jul 04 Javascript
vue更改数组中的值实例代码详解
Feb 07 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
人族 Terran 魔法与科技
2020/03/14 星际争霸
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
PHP安装攻略:常见问题解答(二)
2006/10/09 PHP
网友原创的PHP模板类代码
2008/09/07 PHP
简化php模板页面中分页代码的解析
2009/02/06 PHP
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
PHP中的类型约束介绍
2015/05/11 PHP
PHP云打印类完整示例
2016/10/15 PHP
PHP命令空间namespace及use的用法小结
2017/11/27 PHP
详解Laravel设置多态关系模型别名的方式
2019/10/17 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
Js 随机数产生6位数字
2010/05/13 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
node.js入门教程
2014/06/01 Javascript
javascript模拟命名空间
2015/04/17 Javascript
nodejs调用cmd命令实现复制目录
2015/05/04 NodeJs
js HTML5 Canvas绘制转盘抽奖
2020/09/13 Javascript
对javascript继承的理解
2016/10/11 Javascript
纯js模仿windows系统日历
2017/02/04 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
javascript实现滚轮轮播图片
2020/12/13 Javascript
学习python处理python编码问题
2011/03/13 Python
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
详解Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
2019/02/25 Python
Python3.5文件读与写操作经典实例详解
2019/05/01 Python
Python使用random模块生成随机数操作实例详解
2019/09/17 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
乌克兰珠宝大卖场:Zlato.ua
2020/09/27 全球购物
公司董事长职责
2013/12/12 职场文书
管理提升方案
2014/06/04 职场文书
亮剑观后感600字
2015/06/05 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书
Java基础之this关键字的使用
2021/06/30 Java/Android