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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
Jul 14 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
Dec 08 Javascript
jQuery代码实现对话框右上角菜单带关闭×
May 03 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
Vue.js实战之Vuex的入门教程
Apr 01 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
AngularJS 最常用的八种功能(基础知识)
Jun 26 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
Nov 29 Javascript
vue最简单的前后端交互示例详解
Oct 11 Javascript
如何实现小程序tab栏下划线动画效果
May 18 Javascript
ES6的异步终极解决方案分享
Jul 11 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 XML操作类DOMDocument
2009/12/16 PHP
PHP常用代码大全(新手入门必备)
2010/06/29 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
Laravel框架实现抢红包功能示例
2019/10/31 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
禁止JQuery中的load方法装载IE缓存中文件的方法
2009/09/11 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
AngularJS模块学习之Anchor Scroll
2016/01/19 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
2016/04/29 Javascript
JS获取checkbox的个数简单实例
2016/08/19 Javascript
vue组件之Alert的实现代码
2017/10/17 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
如何基于jQuery实现五角星评分
2020/09/02 jQuery
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
Python unittest装饰器实现原理及代码
2020/09/08 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
2020/11/10 HTML / CSS
荷兰手表网站:Watch2Day
2018/07/02 全球购物
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
体育系毕业生求职自荐信
2014/04/16 职场文书
2015年学校政教工作总结
2015/07/20 职场文书
初中体育教学随笔
2015/08/15 职场文书
总结几个非常实用的Python库
2021/06/26 Python
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL