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 相关文章推荐
JQUERY 浏览器判断实现函数
Aug 20 Javascript
javascript 数组排序函数
Aug 20 Javascript
javascript 面向对象编程 function也是类
Sep 17 Javascript
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
浅谈 jQuery 事件源码定位问题
Jun 18 Javascript
跟我学习javascript的this关键字
May 28 Javascript
浅谈JavaScript中promise的使用
Jan 11 Javascript
vue-cli 打包使用history模式的后端配置实例
Sep 20 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 Javascript
浅谈一个webpack构建速度优化误区
Jun 24 Javascript
JavaScript中的Proxy对象
Nov 27 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
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
ThinkPHP、ZF2、Yaf、Laravel框架路由大比拼
2015/03/25 PHP
PHP MySql增删改查的简单实例
2016/06/21 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
jQuery 学习6 操纵元素显示效果的函数
2010/02/07 Javascript
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
使用iframe window的scroll方法控制iframe页面滚动
2014/03/05 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
2016/12/27 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
基于Swiper实现移动端页面图片轮播效果
2017/12/28 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
2020/11/17 Javascript
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
浅谈Python中列表生成式和生成器的区别
2015/08/03 Python
python 统计代码行数简单实例
2017/05/04 Python
python PyTorch预训练示例
2018/02/11 Python
python爬取网页内容转换为PDF文件
2020/07/28 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
Java里面如何创建一个内部类的实例
2015/01/19 面试题
新闻专业个人求职信
2013/12/19 职场文书
房地产销售经理岗位职责
2014/01/01 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
新学期红领巾广播稿
2014/10/04 职场文书
出生公证书
2015/01/23 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
SQL中的三种去重方法小结
2021/11/01 SQL Server