jQuery对下拉框,单选框,多选框的操作


Posted in Javascript onFebruary 21, 2014

下拉框:

//得到下拉菜单的选中项的文本(注意中间有空格)
var cc1 = $(".formc select[@name='country'] option[@selected]").text();
//得到下拉菜单的选中项的值
var cc2 = $('.formc select[@name="country"]').val();
//得到下拉菜单的选中项的ID属性值
var cc3 = $('.formc select[@name="country"]').attr("id");
//清空下拉框//
$("#select").empty();$("#select").html('');
//添加下拉框的option
$("<option value='1'>1111</option>").appendTo("#select")

稍微解释一下:

select[@name='country'] option[@selected]

表示具有name 属性,并且该属性值为'country' 的select元素里面的具有selected 属性的option 元素。可以看出有@开头的就表示后面跟的是属性。

单选框:

//得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@checked]").val();
//设置单选框value=2的为选中状态.(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked');

复选框:

//得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").val();
//由于复选框一般选中的是多个,所以可以循环输出
$("input[@type=checkbox][@checked]").each(function(){
alert($(this).val());
});
//不打勾
$("#chk1").attr("checked",'');
//打勾
$("#chk2").attr("checked",true);
//判断是否已经打勾
if($("#chk1").attr('checked')==undefined){}

Javascript 相关文章推荐
js 调整select 位置的函数
Feb 21 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
jquery中get和post的简单实例
Feb 04 Javascript
浅谈 javascript 事件处理
Jan 04 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
Feb 27 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
React.js入门实例教程之创建hello world 的5种方式
May 11 Javascript
详解JavaScript中的事件流和事件处理程序
May 20 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
Jan 19 Javascript
Angular2入门--架构总览
Mar 29 Javascript
详解微信小程序 相对定位和绝对定位
May 11 Javascript
详解HTML5 使用video标签实现选择摄像头功能
Oct 25 Javascript
jquery自定义滚动条插件示例分享
Feb 21 #Javascript
jquery制作搜狐快站页面效果示例分享
Feb 21 #Javascript
利用Jquery实现可多选的下拉框
Feb 21 #Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 #Javascript
jQuery 无限级菜单的简单实例
Feb 21 #Javascript
js控制table合并具体实现
Feb 20 #Javascript
js文件Cookie存取值示例代码
Feb 20 #Javascript
You might like
php中Y2K38的漏洞解决方法实例分析
2014/09/22 PHP
PHP实现获取FLV文件的时间
2015/02/10 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
jquery validation插件表单验证的一个例子
2010/03/03 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
javascript实现图片上传前台页面
2015/08/18 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
js实现拖拽效果(构造函数)
2015/12/14 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
2019/08/12 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
2019/08/20 Javascript
浅谈vue限制文本框输入数字的正确姿势
2019/09/02 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
python实现分析apache和nginx日志文件并输出访客ip列表的方法
2015/04/04 Python
Python实现数据库编程方法详解
2015/06/09 Python
Django Admin实现上传图片校验功能
2016/03/06 Python
Python3.x对JSON的一些操作示例
2017/09/01 Python
django 实现编写控制登录和访问权限控制的中间件方法
2019/01/15 Python
浅析Python 中几种字符串格式化方法及其比较
2019/07/02 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
linux面试相关问题
2012/08/11 面试题
师范生教师实习自我鉴定
2013/09/27 职场文书
机械设计专业应届生求职信
2013/11/21 职场文书
2014厂务公开实施方案
2014/02/17 职场文书
教师四风问题整改措施
2014/09/25 职场文书
五年级下册复习计划
2015/01/19 职场文书
人民检察院起诉书
2015/05/20 职场文书
小孩不笨观后感
2015/06/03 职场文书