js multiple全选与取消全选实现代码


Posted in Javascript onDecember 04, 2012
$("select").change(function(){
    var n = $(this).children().length;
    var obj;
    var i = 1;
       $(this).children().each(function(){
     if(i == n)
     {
      alert($(this).text());
     }
     i++;
    });
   });

综合以上二法,本人轻易得出了自己想要的效果,如下:
function selectall()
{
 $("select").children().each(function(){$(this).attr("selected","selected")})
}

分别用到了 children()和$(this).attr("selected","selected")
一个js用法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
<!--
function selectAll()
{
 var opts=document.getElementById("CourseList");
 for(var i=0;i<opts.length;i++)
 {
  opts[i].selected=true;
 }
}
//-->
</script>
</head>
<body>
<select id="CourseList" name="CourseList" multiple="multiple" size="20" style="width:230px;"> 
<option value="003" >(003) 消费者行为与销售心理</option> 
<option value="004" >(004) 产品策划与市场推广</option> 
<option value="005" >(005) 品牌定位与广告原理</option> 
</select> 
<input type="button" onclick="selectAll()" value="全选"> 
</form>
</body>
</html>
Javascript 相关文章推荐
javascript中键盘事件用法实例分析
Jan 30 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
Jul 05 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
Jan 27 Javascript
详解使用webpack构建多页面应用
Dec 21 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(下)
Apr 18 Javascript
使用pkg打包Node.js应用的方法步骤
Oct 19 Javascript
详解Puppeteer前端自动化测试实践
Feb 21 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
BootstrapValidator验证用户名已存在(ajax)
Nov 08 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 17 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 #Javascript
关于javascript中的typeof和instanceof介绍
Dec 04 #Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 #Javascript
js动画(animate)简单引擎代码示例
Dec 04 #Javascript
JavaScript中“+”的陷阱深刻理解
Dec 04 #Javascript
将光标定位于输入框最右侧实现代码
Dec 04 #Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 #Javascript
You might like
php下统计用户在线时间的一种尝试
2010/08/26 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
动手学习无线电
2021/03/10 无线电
编辑浪子版表单验证类
2007/05/12 Javascript
javascript dom 基本操作小结
2010/04/11 Javascript
JavaScript遍历table表格中的某行某列并打印其值
2014/07/08 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
JavaScript实现水平进度条拖拽效果
2017/01/18 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
详解搭建es6+devServer简单开发环境
2018/09/25 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
2018/11/14 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
Python实现文件按照日期命名的方法
2015/07/09 Python
Python合并字典键值并去除重复元素的实例
2016/12/18 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
详解Python的三种可变参数
2019/05/08 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
python3实现弹弹球小游戏
2019/11/25 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
自荐信格式写作方法有哪些呢
2013/11/20 职场文书
优秀的计算机专业求职信范文
2013/12/27 职场文书
环保建议书400字
2014/05/14 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书
Nginx服务器如何设置url链接
2021/03/31 Servers
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python
Golang 结构体数据集合
2022/04/22 Golang