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前后端实现身份证号验证代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
计时器提供了一 个可以将代码片段异步延时执行的能力，javascript生来是单线程的（在一定时间范围内仅一部分js代码能运行），计时器为我们提供了一种避开这种 限制的方法，从而开辟了另一条执行代码的蹊径。2015-07-07
基于JavaScript实现Json数据根据某个字段进行排序
这篇文章主要介绍了基于JavaScript实现Json数据根据某个字段进行排序的相关资料,需要的朋友可以参考下2015-11-11
实现键盘操作实现div的移动，最关键的一点：获取div对象，下面有个不错的示例，大家可以参考下2014-06-06
今天小编就为大家分享一篇layer.prompt输入层的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
Javascript----文件操作...2007-01-01
浅谈javascript中call()、apply()、bind()的用法
一直对Javascript中的apply/call/bind的用法很模糊，恰好看到了这篇文章。对三者之间的区别与联系算是有了比较清晰的认识。这里记录下来，分享给大家。2015-04-04
我们知道，动画其实是由一帧一帧的图像构成的。有Web动画那么就会存在该动画在播放运行时的帧率。而帧率在不同设备不同情况下又是不一样的。有的时候，一些复杂或者重要动画，需要实时监控它们的帧率，从而更好的优化它们，本文就是介绍Web动画帧率（FPS）计算方法。2021-05-05
这篇文章主要介绍了JS 动态判断PC和手机浏览器实现代码的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家详细介绍了微信小程序实现获取手机号60s倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最新评论