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 相关文章推荐
提升你网站水平的jQuery插件集合推荐
Apr 19 Javascript
8个超实用的jQuery功能代码分享
Jan 08 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
jquery DataTable实现前后台动态分页
Jun 17 jQuery
Vue实现web分页组件详解
Nov 28 Javascript
JS 实现百度搜索功能
Feb 01 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
Jun 10 Javascript
JavaScript实现省市区三级联动
Feb 13 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
Sep 17 Javascript
vue使用watch监听属性变化
Apr 30 Vue.js
在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 采集书并合成txt格式的实现代码
2009/03/01 PHP
网页的分页下标生成代码(PHP后端方法)
2016/02/03 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
jQuery select操作控制方法小结
2010/05/26 Javascript
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
2015/09/12 Javascript
基于BootStrap环境写jQuery tabs插件
2016/07/12 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
微信小程序之事件交互操作实例分析
2018/12/03 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
python爬取网站数据保存使用的方法
2013/11/20 Python
python 根据正则表达式提取指定的内容实例详解
2016/12/04 Python
Python中最大递归深度值的探讨
2019/03/05 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
自我鉴定模板
2013/10/29 职场文书
战友聚会邀请函
2014/01/18 职场文书
幼儿园亲子活动方案
2014/01/29 职场文书
个人银行贷款担保书
2014/04/01 职场文书
倡议书格式范文
2014/04/14 职场文书
第二课堂活动总结
2014/05/07 职场文书
外贸业务员求职信
2014/06/16 职场文书
实习科室评语
2015/01/04 职场文书
大学推普周活动总结
2015/05/07 职场文书
2015年宣传部个人工作总结
2015/05/14 职场文书
总经理年会致辞
2015/07/29 职场文书
教师研修随笔感言
2015/11/18 职场文书
apache基于端口创建虚拟主机的示例
2021/04/22 Servers
python pygame入门教程
2021/06/01 Python