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 学习 几种常用方法
Jun 11 Javascript
jQuery 操作下拉列表框实现代码
Feb 22 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
javascript给span标签赋值的方法
Nov 26 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
Dec 04 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
页面点击小红心js实现代码
May 26 Javascript
微信小程序实现可长按移动控件
Nov 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+mysql保存和输出文件
2006/10/09 PHP
一个程序下载的管理程序(一)
2006/10/09 PHP
浅谈php冒泡排序
2014/12/30 PHP
PHP数组函数知识汇总
2016/05/12 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
javascript与asp.net(c#)互相调用方法
2009/12/13 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
jQuery 选择器详解
2015/01/19 Javascript
VueJS如何引入css或者less文件的一些坑
2017/04/25 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
Vue+Vux项目实践完整代码
2017/11/30 Javascript
Angular2进阶之如何避免Dom误区
2018/04/02 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
JS回调函数简单易懂的入门实例分析
2019/09/29 Javascript
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
Python字符串切片操作知识详解
2016/03/28 Python
Python中正则表达式详解
2017/05/17 Python
查看django版本的方法分享
2018/05/14 Python
python http基本验证方法
2018/12/26 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
Python通过format函数格式化显示值
2020/10/17 Python
HTML5语音识别标签写法附图
2013/11/18 HTML / CSS
海淘母婴商城:国际妈咪
2016/07/23 全球购物
预备党员入党思想汇报
2014/01/04 职场文书
大学生最新职业生涯规划书范文
2014/01/12 职场文书
村委会贫困证明
2014/01/14 职场文书
社区包粽子活动方案
2014/01/21 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
大专护理专业自荐信
2015/03/25 职场文书
新学期开学寄语2016
2015/12/04 职场文书
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android
详解Flutter自定义应用程序内键盘的实现方法
2022/06/14 Java/Android
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL