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实现仿银行密码输入框效果的代码
Dec 13 Javascript
jQuery Ajax使用 全解析
Dec 15 Javascript
JavaScript创建对象的写法
Aug 29 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
js整数字符串转换为金额类型数据(示例代码)
Dec 26 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
javascript实现动态模态绑定grid过程代码
Sep 22 Javascript
node.js支持多用户web终端实现及安全方案
Nov 29 Javascript
vue实现引入本地json的方法分析
Jul 12 Javascript
详解Vue2.5+迁移至Typescript指南
Aug 01 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
深入理解Antd-Select组件的用法
Feb 25 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作的文本留言本的例子(六)
2006/10/09 PHP
落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
2006/12/16 PHP
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
PHP实现批量生成App各种尺寸Logo
2015/03/19 PHP
PHP简单判断字符串是否包含另一个字符串的方法
2016/03/25 PHP
PHP格式化MYSQL返回float类型的方法
2016/03/30 PHP
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
使用mini-define实现前端代码的模块化管理
2014/12/25 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
2015/04/17 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
微信小程序之高德地图多点路线规划过程示例详解
2021/01/18 Javascript
[01:07:19]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第一场 1月19日
2021/03/11 DOTA
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
解析python 中/ 和 % 和 //(地板除)
2020/06/28 Python
CSS3教程(1):什么是CSS3
2009/04/02 HTML / CSS
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
一加手机美国官方网站:OnePlus美国
2019/09/19 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
PHP面试题集
2016/12/18 面试题
android面试问题与答案
2016/12/27 面试题
自荐信怎么写好
2013/11/11 职场文书
学校办公室主任职责
2013/12/27 职场文书
社区义诊活动总结
2014/04/30 职场文书
部门年终奖分配方案
2014/05/07 职场文书
简单租房协议书范本
2014/08/20 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
2014年技术部工作总结
2014/12/12 职场文书
起诉书范文
2015/05/20 职场文书
python opencv人脸识别考勤系统的完整源码
2021/04/26 Python