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 相关文章推荐
mapper--图片热点区域高亮组件官方站点
Dec 22 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 Javascript
javascript强制点击广告的方法
Feb 06 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
JavaScript实现的多个图片广告交替显示效果代码
Sep 04 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
Jun 11 Javascript
vue获取data数据改变前后的值方法
Nov 07 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 Javascript
html5 录制mp3音频支持采样率和比特率设置
Jul 15 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
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
php下Memcached入门实例解析
2015/01/05 PHP
js右键菜单效果代码
2007/07/21 Javascript
jquery中$.post()方法的简单实例
2014/02/04 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
jquery插件splitScren实现页面分屏切换模板特效
2015/06/16 Javascript
javascript简单判断输入内容是否合法的方法
2016/05/11 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
2016/08/11 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
nodejs实现获取本地文件夹下图片信息功能示例
2019/06/22 NodeJs
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
vue中实现点击空白区域关闭弹窗的两种方法
2020/12/30 Vue.js
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
python自动安装pip
2014/04/24 Python
Python 逐行分割大txt文件的方法
2017/10/10 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
Linux系统(CentOS)下python2.7.10安装
2018/09/26 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
Python __slots__的使用方法
2020/11/15 Python
CSS3 简写animation
2012/05/10 HTML / CSS
自我评价正确写法范文
2013/12/10 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
导师对论文的学术评语
2015/01/04 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
文明和谐家庭事迹材料(2016精选版)
2016/02/29 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS