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 内存释放问题
Apr 25 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
Aug 01 Javascript
js中split函数的使用方法说明
Dec 26 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
浅谈JS使用[ ]来访问对象属性
Sep 21 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
js实现漂亮的星空背景
Nov 01 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
javascript 模块依赖管理的本质深入详解
Apr 30 Javascript
用javascript制作qq注册动态页面
Apr 14 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+jQuery+Ajax实现用户登录与退出
2015/04/27 PHP
PHP实现的简单异常处理类示例
2017/05/04 PHP
php简单读取.vcf格式文件的方法示例
2017/09/02 PHP
jQuery实现模糊查询的方法分析
2018/05/10 jQuery
node错误处理与日志记录的实现
2018/12/24 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
webpack 动态批量加载文件的实现方法
2020/03/19 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
python 从远程服务器下载日志文件的程序
2013/02/10 Python
python的常见命令注入威胁
2013/02/18 Python
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Python实现调度算法代码详解
2017/12/01 Python
python pygame模块编写飞机大战
2018/11/20 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
pytorch逐元素比较tensor大小实例
2020/01/03 Python
python实现的Iou与Giou代码
2020/01/18 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
什么是smarty? Smarty的优点是什么?
2013/08/11 面试题
个人作风剖析材料
2014/02/02 职场文书
八一建军节部队活动方案
2014/02/04 职场文书
2014财务年终工作总结
2014/12/08 职场文书
安全责任书
2015/01/29 职场文书
销售助理岗位职责
2015/02/11 职场文书
财务会计求职信范文
2015/03/20 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
实施意见格式范本
2015/06/05 职场文书
《女娲补天》教学反思
2016/02/20 职场文书
2016年妇联“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL