脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 全选 取消全选

js multiple全选与取消全选实现代码

 更新时间：2012年12月04日 21:51:34   作者：  
本文章总结了利用jquery与js实现multiple全选与取消全选代码有需要参考的朋友可参考下
复制代码 代码如下:

$("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>
您可能感兴趣的文章:

相关文章

  • 教你如何写出可维护的JS代码

    教你如何写出可维护的JS代码

    在平时工作开发中，大部分开发人员都花费大量的时间在维护其他人员的代码。很难从头开始开发新代码，很多情况下都是以他人成果为基础的，或者新增修改需求，自己写的代码也会被其他开发人员调用，所以写好一份高质量可维护的代码就显得十分重要。
    2021-05-05
  • 分享JavaScript的 3 种工厂模式的用法

    分享JavaScript的 3 种工厂模式的用法

    这篇文章主要分享JavaScript的 3 种工厂模式,工厂模式是设计模式中最常用的设计模式之一，这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式，下文关于工厂模式的更多相关资料需要的小伙伴可以参考一下
    2022-04-04
  • 你不知道的 TypeScript 高级类型(小结)

    你不知道的 TypeScript 高级类型(小结)

    这篇文章主要介绍了你不知道的 TypeScript 高级类型(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例

    JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例

    这篇文章介绍了变量的作用域，传值，传址的一些简单使用，有需要的朋友可以参考一下
    2013-06-06
  • JS 页面计时器示例代码

    JS 页面计时器示例代码

    计时器效果想必大家都见到过吧，其实使用js可以很轻松的实现，下面有个不错的示例，感兴趣的朋友可以参考下
    2013-10-10
  • IE6弹出“已终止操作”的解决办法

    IE6弹出“已终止操作”的解决办法

    导致这个问题产生的原因，一般是因为js（一个比较复杂的js）写在body里面，在body元素加载完之前调用出现问题。显然，解决该问题的方法就是将这一段js放在body元素解析完毕之后。
    2010-11-11
  • JavaScript编写连连看小游戏

    JavaScript编写连连看小游戏

    这篇文章主要介绍了JavaScript编写连连看小游戏的相关资料,需要的朋友可以参考下
    2015-07-07
  • JS实现验证码倒计时的注册页面

    JS实现验证码倒计时的注册页面

    这篇文章给大家分享一段实例代码发送验证码之后开始60S倒计时功能，具体实例代码大家参考下本文
    2018-01-01
  • 从理论角度讨论JavaScript闭包

    从理论角度讨论JavaScript闭包

    本文将介绍一个在JavaScript经常会拿来讨论的话题 —— 闭包（closure）。 闭包其实已经是个老生常谈的话题了； 有大量文章都介绍过闭包的内容， 尽管如此，这里还是要试着从理论角度来讨论下闭包， 看看ECMAScript中的闭包内部究竟是如何工作的
    2019-04-04
  • 扩展JS Date对象时间格式化功能的小例子

    扩展JS Date对象时间格式化功能的小例子

    这篇文章主要介绍了扩展JS Date对象时间格式化功能，有需要的朋友可以参考一下
    2013-12-12

最新评论