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 Div中加载其他页面的实现代码
Feb 27 Javascript
封装的原生javascript弹出层代码
Sep 24 Javascript
javascript 系统文件夹文件操作及参数介绍
Jan 08 Javascript
JS 弹出层 定位至屏幕居中示例
May 21 Javascript
jQuery 3.0 的 setter和getter 模式详解
Jul 11 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
webpack4.x开发环境配置详解
Aug 04 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
Aug 07 Javascript
Vue调用后端java接口的实例代码
Oct 28 Javascript
vue项目或网页上实现文字转换成语音播放功能
Jun 09 Javascript
JavaScript undefined及null区别实例解析
Jul 21 Javascript
javascript函数式编程基础
Sep 15 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 中的面向对象编程:通向大型 PHP 工程的办法
2006/12/03 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
PHP 验证码的实现代码
2011/07/17 PHP
PHP中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
laravel接管Dingo-api和默认的错误处理方式
2019/10/25 PHP
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
2009/05/21 Javascript
基于JQuery的一句代码实现表格的简单筛选
2010/07/26 Javascript
jQuery中绑定事件的命名空间详解
2011/04/05 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
使用text方法获取Html元素文本信息示例
2014/09/01 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
微信小程序class封装http代码实例
2019/08/24 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
利用PHP实现递归删除链表元素的方法示例
2020/10/23 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
python list使用示例 list中找连续的数字
2014/01/27 Python
Python写的贪吃蛇游戏例子
2014/06/16 Python
python从网络读取图片并直接进行处理的方法
2015/05/22 Python
Python 实现 贪吃蛇大作战 代码分享
2016/09/07 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
python爬虫的工作原理
2017/03/05 Python
使用python实现http及ftp服务进行数据传输的方法
2018/10/26 Python
python如何变换环境
2020/07/21 Python
CSS3中animation实现流光按钮效果
2020/12/21 HTML / CSS
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
一份报关员的职业规划范文
2014/01/08 职场文书
车辆安全检查制度
2014/01/12 职场文书
酒店管理失职检讨书
2014/09/16 职场文书
uwsgi+nginx代理Django无法访问静态资源的解决
2021/05/10 Servers
只用20行Python代码实现屏幕录制功能
2021/06/02 Python
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server