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 相关文章推荐
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
BootStrap使用file-input插件上传图片的方法
Sep 05 Javascript
JavaScript reduce和reduceRight详解
Oct 24 Javascript
VueJS事件处理器v-on的使用方法
Sep 27 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
Nov 27 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
Jul 03 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 14 Javascript
浅谈JS for循环中使用break和continue的区别
Jul 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
php 取得瑞年与平年的天数的代码
2009/08/10 PHP
php函数间的参数传递(值传递/引用传递)
2013/09/23 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
PHP变量赋值、代入给JavaScript中的变量
2015/06/29 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
用AJAX返回HTML片段中的JavaScript脚本
2010/01/04 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
Canvas 制作动态进度加载水球详解及实例代码
2016/12/09 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
JavaScript实现垂直滚动条效果
2017/01/18 Javascript
angular2中Http请求原理与用法详解
2018/01/11 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
微信小程序实现侧边栏分类
2019/10/21 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
python语言使用技巧分享
2016/05/31 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
python的依赖管理的实现
2019/05/14 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
简述python Scrapy框架
2020/08/17 Python
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
Wojas罗马尼亚网站:波兰皮鞋品牌
2018/11/01 全球购物
办公室文秘自我评价
2013/09/21 职场文书
商场周年庆活动方案
2014/08/19 职场文书
基层党建工作简报
2015/07/21 职场文书
高温慰问简报
2015/07/21 职场文书
个人工作总结(管理人员)范文
2019/08/13 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS