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 相关文章推荐
js单向链表的具体实现实例
Jun 21 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
CSS或者JS实现鼠标悬停显示另一元素
Jan 22 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
jquery属性,遍历,HTML操作方法详解
Sep 17 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
layui表格checkbox选择全选样式及功能的实例
Mar 07 Javascript
深入了解js原型模式
May 30 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 Javascript
redux处理异步action解决方案
Mar 22 Javascript
使用webpack和rollup打包组件库的方法
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读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
php不用正则验证真假身份证
2013/11/06 PHP
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
Destoon模板制作简明教程
2014/06/20 PHP
SAE实时日志接口SDK用法示例
2016/10/09 PHP
php生成随机数/生成随机字符串的方法小结【5种方法】
2020/05/27 PHP
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
JavaScript学习笔记之内置对象
2015/01/22 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
vue实现todolist单页面应用
2017/04/11 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
[07:27]DOTA2卡尔工作室 英雄介绍水晶室女篇
2013/06/21 DOTA
python基础教程之基本内置数据类型介绍
2014/02/20 Python
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
pandas DataFrame索引行列的实现
2019/06/04 Python
浅谈PySpark SQL 相关知识介绍
2019/06/14 Python
PyCharm中如何直接使用Anaconda已安装的库
2020/05/28 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
Python如何读写二进制数组数据
2020/08/01 Python
HTML5 微格式和相关的属性名称
2010/02/10 HTML / CSS
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
C++面试题目
2013/06/25 面试题
什么是规则表达式
2012/05/03 面试题
开展党的群众路线教育实践活动方案
2014/02/05 职场文书
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
自我检讨书怎么写
2015/05/07 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android