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 相关文章推荐
js实现格式化金额,字符,时间的方法
Feb 26 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
JS创建事件的三种方法(实例代码)
May 12 Javascript
JavaScript中removeChild 方法开发示例代码
Aug 15 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
详解mpvue中小程序自定义导航组件开发指南
Feb 11 Javascript
6种JavaScript继承方式及优缺点(小结)
Feb 06 Javascript
npm qs模块使用详解
Feb 07 Javascript
eslint+prettier统一代码风格的实现方法
Jul 22 Javascript
vue项目实现多语言切换的思路
Sep 17 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 PDO中文乱码解决办法
2009/07/20 PHP
PHP面向对象精要总结
2014/11/07 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
mysql alter table命令修改表结构实例详解
2016/09/24 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
JavaScript实用技巧(一)
2010/08/16 Javascript
基于jQuery选择器的整理集合
2013/04/26 Javascript
jquery滚动条插件jScrollPane的使用介绍
2013/11/08 Javascript
文本框只能选择数据到文本框禁止手动输入
2013/11/22 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
2016/10/24 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
2017/07/22 jQuery
js 判断一个数字是不是2的n次方幂的实例
2017/11/26 Javascript
AngularJS实现的base64编码与解码功能示例
2018/05/17 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
[48:52]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第一局
2016/02/25 DOTA
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
美国帽子俱乐部商店:Hat Club
2019/07/05 全球购物
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
服务员岗位责任制
2014/02/11 职场文书
邮政竞聘演讲稿
2014/09/03 职场文书
高中生综合素质自我评价
2015/03/06 职场文书
飞屋环游记观后感
2015/06/08 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
详解Vue的options
2021/05/15 Vue.js
python 算法题——快乐数的多种解法
2021/05/27 Python
Mybatis-plus配置分页插件返回统一结果集
2022/06/21 Java/Android