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 相关文章推荐
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
Nov 30 Javascript
一段利用WSH修改和查看IP配置的代码
May 11 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
JS实现点击链接取消跳转效果的方法
Jan 24 Javascript
jquery中each遍历对象和数组示例
Aug 05 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
Apr 20 Javascript
JS实现常见的查找、排序、去重算法示例
May 21 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
element-ui的回调函数Events的用法详解
Oct 16 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 事务处理数据实现代码
2010/05/13 PHP
PHP 强制下载文件代码
2010/10/24 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
用一段js程序来实现动画功能
2007/03/06 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
纯css实现窗户玻璃雨滴逼真效果
2015/08/23 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
2016/05/17 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
angular ngClick阻止冒泡使用默认行为的方法
2016/11/03 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
node使用promise替代回调函数
2018/05/07 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
2018/09/16 Javascript
浅谈发布订阅模式与观察者模式
2019/04/09 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
python encode和decode的妙用
2009/09/02 Python
python交易记录链的实现过程详解
2019/07/03 Python
Django Admin后台添加数据库视图过程解析
2020/04/01 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
Python 实现集合Set的示例
2020/12/21 Python
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
2013/10/07 面试题
求职者应聘的自我评价
2013/10/16 职场文书
信息管理员岗位职责
2013/12/01 职场文书
医学生自我评价
2014/01/27 职场文书
七年级政治教学反思
2014/02/03 职场文书
2014新年元旦活动策划方案
2014/02/18 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
企业介绍信范文
2015/01/30 职场文书