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 相关文章推荐
使用onbeforeunload属性后的副作用
Mar 08 Javascript
Jquery乱码的一次解决过程 图解教程
Feb 20 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
Sep 26 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
Apr 29 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
Mar 06 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
深入了解JS之作用域和闭包
Jun 16 Javascript
如何使用gpu.js改善JavaScript的性能
Dec 01 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/04/13 PHP
smarty巧妙处理iframe中内容页的代码
2012/03/07 PHP
php数组删除元素示例
2014/03/21 PHP
PHP把JPEG图片转换成Progressive JPEG的方法
2014/06/30 PHP
CI框架学习笔记(二) -入口文件index.php
2014/10/27 PHP
PHP回溯法解决0-1背包问题实例分析
2015/03/23 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
nginx 设置多个站跨域
2021/03/09 Servers
不用写JS也能使用EXTJS视频演示
2008/12/29 Javascript
Prototype ObjectRange对象学习
2009/07/19 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
2013/10/14 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
vue中如何实现pdf文件预览的方法
2018/07/12 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
js实现转动骰子模型
2019/10/24 Javascript
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
pandas数据拼接的实现示例
2020/04/16 Python
使用Python合成图片的实现代码(图片添加个性化文本,图片上叠加其他图片)
2020/04/30 Python
Python爬虫之Spider类用法简单介绍
2020/08/04 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
英国标准协会商店:BSI Shop
2019/02/25 全球购物
新学期开学寄语
2014/01/18 职场文书
2014年教研活动总结范文
2014/04/26 职场文书
项目申请汇报材料
2014/08/16 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
2014全年工作总结
2014/11/27 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
赔偿协议书怎么写
2015/01/28 职场文书
车间主任岗位职责
2015/02/03 职场文书