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 相关文章推荐
AutoSave/自动存储功能实现
Mar 24 Javascript
JavaScript Date对象使用总结
May 14 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
Dec 31 Javascript
jquery实现相册一下滑动两次的方法
Feb 09 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
Apr 18 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
Apr 25 Javascript
layui表格设计以及数据初始化详解
Oct 26 Javascript
vue商城中商品“筛选器”功能的实现代码
Jul 01 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 注释规范
2012/03/29 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
2014/05/13 Javascript
用box固定长宽实现图片自动轮播js代码
2014/06/09 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
2017/04/04 jQuery
vue 组件中slot插口的具体用法
2018/04/03 Javascript
js实现一个页面多个倒计时的3种方法
2019/02/25 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
2019/04/14 Javascript
[40:03]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
python实现将元祖转换成数组的方法
2015/05/04 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
对python添加模块路径的三种方法总结
2018/10/16 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
python 导入数据及作图的实现
2019/12/03 Python
Python3如何使用多线程升程序运行速度
2020/08/11 Python
python如何设置静态变量
2020/09/07 Python
Python request中文乱码问题解决方案
2020/09/17 Python
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
晚宴邀请函范文
2014/01/15 职场文书
挂靠协议书范本
2014/04/22 职场文书
庆六一宣传标语
2014/10/08 职场文书
成绩报告单家长评语
2014/12/30 职场文书
2015年前台接待工作总结
2015/05/04 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
培训心得体会怎么写
2016/01/25 职场文书
22句经典语录:送给优柔寡断和胡思乱想的朋友们
2019/12/13 职场文书
Flask搭建一个API服务器的步骤
2021/05/28 Python
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android
python使用BeautifulSoup 解析HTML
2022/04/24 Python