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获取GridView选择的行内容
Apr 14 Javascript
Prototype 学习 工具函数学习($A方法)
Jul 12 Javascript
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
JavaScript实现表格排序方法
Jun 14 Javascript
jquery移除、绑定、触发元素事件使用示例详解
Apr 10 Javascript
node.js中的http.request.end方法使用说明
Dec 10 Javascript
jQuery 实现侧边浮动导航菜单效果
Dec 26 Javascript
javascript中递归函数用法注意点
Jul 30 Javascript
微信小程序 wx:for的使用实例详解
Apr 27 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
Jul 13 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
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
动漫定律:眯眯眼都是怪物!这些角色狠话不多~
2020/03/03 日漫
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
JavaScript 指导方针
2007/04/05 Javascript
js利用div背景,做一个竖线的效果。
2008/11/22 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
jquery delay()介绍及使用指南
2014/09/02 Javascript
JavaScript 浏览器对象模型BOM使用介绍
2015/04/13 Javascript
jQuery实现的简单拖拽功能示例
2016/09/13 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
什么是Vue.js框架 为什么选择它?
2017/10/17 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
2019/10/08 Javascript
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
在Python的gevent框架下执行异步的Solr查询的教程
2015/04/16 Python
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
使用Python实现批量ping操作方法
2020/05/06 Python
python 基于wx实现音乐播放
2020/11/24 Python
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
学生顶撞老师的检讨书
2014/09/17 职场文书
限期整改通知书
2015/04/22 职场文书
学术研讨会主持词
2015/07/04 职场文书
装修公司管理制度
2015/08/05 职场文书
2016年小学推普宣传周活动总结
2016/04/06 职场文书
java objectUtils 使用可能会出现的问题
2022/02/28 Java/Android
移除Selenium中window.navigator.webdriver值
2022/06/10 Python
Java使用HttpClient实现文件下载
2022/08/14 Java/Android