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下用eval生成JSON对象
Sep 17 Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
js实现简单的星级选择器提交效果适用于评论等
Oct 18 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
Jul 10 Javascript
javascript日期格式化方法汇总
Oct 04 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
Apr 20 Javascript
AngularJS equal比较对象实例详解
Sep 14 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
Sep 03 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
Sep 16 Javascript
利用Angular2的Observables实现交互控制的方法
Dec 27 Javascript
OpenLayers实现图层切换控件
Sep 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
德劲1104的电路分析与改良
2021/03/01 无线电
php INI配置文件的解析实现分析
2011/01/04 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
2012/02/27 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
2014/03/18 Javascript
跟我学习javascript的定时器
2015/11/19 Javascript
jQuery实现的自适应焦点图效果完整实例
2016/08/24 Javascript
详解javascript事件绑定使用方法
2016/10/20 Javascript
jquery dataview数据视图插件使用方法
2016/12/23 Javascript
js实现漫天星星效果
2017/01/19 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
用Python进行基础的函数式编程的教程
2015/03/31 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
Python数据结构之哈夫曼树定义与使用方法示例
2018/04/22 Python
python3中函数参数的四种简单用法
2018/07/09 Python
Python matplotlib的使用并自定义colormap的方法
2018/12/13 Python
Python PyInstaller库基本使用方法分析
2019/12/12 Python
利用Python如何制作贪吃蛇及AI版贪吃蛇详解
2020/08/24 Python
CSS3等相关属性制作分页导航实现代码
2012/12/24 HTML / CSS
html5+CSS3+JS实现七夕言情功能代码
2017/08/28 HTML / CSS
绢花、人造花和人造花卉:BLOOM
2019/08/07 全球购物
化学教师教学反思
2014/01/17 职场文书
《石榴》教学反思
2014/03/02 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
学习党章心得体会2016
2016/01/15 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js
如何打开Win11系统注册表编辑器?Win11注册表编辑器打开修复方法
2022/04/05 数码科技
对讲机知识
2022/04/07 无线电