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 typeof 用法
Dec 28 Javascript
使用JavaScript动态设置样式实现代码及演示动画
Jan 25 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
JavaScript新窗口与子窗口传值详解
Feb 11 Javascript
node.js中的socket.io入门实例
Apr 26 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 Javascript
JS常用加密编码与算法实例总结
Dec 22 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
js实现中文实时时钟
Jan 15 Javascript
js前端设计模式优化50%表单校验代码示例
Jun 21 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
Thinkphp中的volist标签用法简介
2014/06/18 PHP
smarty实现多级分类的方法
2014/12/05 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
div移动 输入框不能输入的问题
2009/11/19 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
2012/02/03 Javascript
Jquery插件写法笔记整理
2012/09/06 Javascript
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
canvas时钟效果
2017/02/16 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
BootStrap表单控件之文本域textarea
2017/05/23 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
详解javascript中的babel到底是什么
2018/06/21 Javascript
vue系列之requireJs中引入vue-router的方法
2018/07/18 Javascript
vue 项目接口管理的实现
2019/01/17 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
JavaScript实现捕获鼠标坐标
2020/04/12 Javascript
在Webpack中用url-loader处理图片和字体的问题
2020/04/28 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
python实现的希尔排序算法实例
2015/07/01 Python
常见的python正则用法实例讲解
2016/06/21 Python
Python切换pip安装源的方法详解
2016/11/18 Python
python 3调用百度OCR API实现剪贴板文字识别
2018/09/04 Python
Python整数对象实现原理详解
2019/07/01 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
浅析python字符串前加r、f、u、l 的区别
2021/01/24 Python
css sprite简单实例
2016/05/23 HTML / CSS
详解Canvas事件绑定
2018/06/27 HTML / CSS
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
银行求职自荐书
2014/06/25 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
学前班语言教学计划
2015/01/20 职场文书
体育个人工作总结
2015/02/09 职场文书