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前后端实现身份证号验证代码解析

    这篇文章主要介绍了JS前后端实现身份证号验证代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • javascript实现的简单计时器

    javascript实现的简单计时器

    计时器提供了一 个可以将代码片段异步延时执行的能力,javascript生来是单线程的(在一定时间范围内仅一部分js代码能运行),计时器为我们提供了一种避开这种 限制的方法,从而开辟了另一条执行代码的蹊径。
    2015-07-07
  • 基于JavaScript实现Json数据根据某个字段进行排序

    基于JavaScript实现Json数据根据某个字段进行排序

    这篇文章主要介绍了基于JavaScript实现Json数据根据某个字段进行排序的相关资料,需要的朋友可以参考下
    2015-11-11
  • js实现键盘操作实现div的移动或改变的原理及代码

    js实现键盘操作实现div的移动或改变的原理及代码

    实现键盘操作实现div的移动,最关键的一点:获取div对象,下面有个不错的示例,大家可以参考下
    2014-06-06
  • layer.prompt输入层的例子

    layer.prompt输入层的例子

    今天小编就为大家分享一篇layer.prompt输入层的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Javascript----文件操作

    Javascript----文件操作

    Javascript----文件操作...
    2007-01-01
  • 浅谈javascript中call()、apply()、bind()的用法

    浅谈javascript中call()、apply()、bind()的用法

    一直对Javascript中的apply/call/bind的用法很模糊,恰好看到了这篇文章。对三者之间的区别与联系算是有了比较清晰的认识。这里记录下来,分享给大家。
    2015-04-04
  • 如何计算Web动画帧率FPS

    如何计算Web动画帧率FPS

    我们知道,动画其实是由一帧一帧的图像构成的。有Web动画那么就会存在该动画在播放运行时的帧率。而帧率在不同设备不同情况下又是不一样的。有的时候,一些复杂或者重要动画,需要实时监控它们的帧率,从而更好的优化它们,本文就是介绍Web动画帧率(FPS)计算方法。
    2021-05-05
  • JS 动态判断PC和手机浏览器实现代码

    JS 动态判断PC和手机浏览器实现代码

    这篇文章主要介绍了JS 动态判断PC和手机浏览器实现代码的相关资料,需要的朋友可以参考下
    2016-09-09
  • 微信小程序实现获取手机号60s倒计时

    微信小程序实现获取手机号60s倒计时

    这篇文章主要为大家详细介绍了微信小程序实现获取手机号60s倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07

最新评论