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 页面自动加载函数(兼容多浏览器)
May 18 Javascript
JavaScript 保存数组到Cookie的代码
Apr 14 Javascript
新鲜出炉的js tips提示效果
Apr 03 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
前端设计师们最常用的JS代码汇总
Sep 25 Javascript
Vue+axios 实现http拦截及路由拦截实例
Apr 25 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
Aug 08 Javascript
详解React Native网络请求fetch简单封装
Aug 10 Javascript
微信小程序实现添加手机联系人功能示例
Nov 30 Javascript
Vue 配合eiement动态路由,权限验证的方法
Sep 26 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
Protoss热键控制
2020/03/14 星际争霸
php中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
解析PHP计算页面执行时间的实现代码
2013/06/18 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
JS格式化数字保留两位小数点示例代码
2013/10/15 Javascript
JS正则表达式大全(整理详细且实用)
2013/11/14 Javascript
用javascript实现自动输出网页文本
2015/07/30 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
JS实现json的序列化和反序列化功能示例
2017/06/13 Javascript
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
2018/03/12 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
js将URL网址转为16进制加密与解密函数
2020/03/04 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
2021/03/01 Vue.js
Python 中的 else详解
2016/04/23 Python
Python中基础的socket编程实战攻略
2016/06/01 Python
python3.0 模拟用户登录,三次错误锁定的实例
2017/11/02 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
10分钟教你用Python实现微信自动回复功能
2018/11/28 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
python 读写文件包含多种编码格式的解决方式
2019/12/20 Python
Opodo英国旅游网站:预订廉价航班、酒店和汽车租赁
2018/07/14 全球购物
Java平台和其他软件平台有什么不同
2015/06/05 面试题
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
校园联欢晚会主持词
2014/03/17 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
学生会竞选演讲稿学习部
2014/08/25 职场文书
2014年教务工作总结
2014/12/03 职场文书
2015年考研复习计划
2015/01/19 职场文书
匿名信格式范文
2015/05/27 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书