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 相关文章推荐
jQuery1.6 正式版发布并提供下载
May 05 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
Apr 04 Javascript
jquery trigger实现联动的方法
Feb 29 Javascript
基于javascript实现图片切换效果
Apr 17 Javascript
浅谈jquery的map()和each()方法
Jun 12 Javascript
jQuery简单动画变换效果实例分析
Jul 04 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
Apr 22 Javascript
React Native如何消除启动时白屏的方法
Aug 08 Javascript
vue根据条件不同显示不同按钮的操作
Aug 04 Javascript
详解vue中v-for的key唯一性
May 15 Vue.js
在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
smarty静态实验表明,网络上是错的~呵呵
2006/11/25 PHP
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
详谈symfony window下的安装 安装时候出现的问题以及解决方法
2017/09/28 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
使用laravel和ECharts实现折线图效果的例子
2019/10/09 PHP
JQuery中each()的使用方法说明
2010/08/19 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
2016/05/13 Javascript
动态设置form表单的action属性的值的简单方法
2016/05/25 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
利用Vue v-model实现一个自定义的表单组件
2017/04/27 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
vue双向数据绑定知识点总结
2018/04/18 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
Python文件的读写和异常代码示例
2017/10/31 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
django框架ModelForm组件用法详解
2019/12/11 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
Python super()方法原理详解
2020/03/31 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
Python 利用Entrez库筛选下载PubMed文献摘要的示例
2020/11/24 Python
20佳惊艳的HTML5应用程序示例分享
2011/05/03 HTML / CSS
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
人力资源经理自我评价
2014/01/04 职场文书
教师产假请假条
2014/04/10 职场文书
生活委员竞选稿
2015/11/21 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
nginx容器方式反向代理实战
2022/04/18 Servers