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 相关文章推荐
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
jQuery实现瀑布流布局
Dec 12 Javascript
JQuery中节点遍历方法实例
May 18 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
Jquery中map函数的用法
Jun 03 Javascript
第五篇Bootstrap 排版
Jun 21 Javascript
jQuery选择器总结之常用元素查找方法
Aug 04 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
Jul 20 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
Aug 20 Javascript
echarts实现晶体球面投影的实例教程
Oct 10 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
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
社区(php&amp;&amp;mysql)二
2006/10/09 PHP
在html文件中也可以执行php语句的方法
2015/04/09 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
JavaScript实现非常简单实用的下拉菜单效果
2015/08/27 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
微信小程序 设置启动页面的两种方法
2017/03/09 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
2018/01/16 Javascript
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
[08:44]和酒神一起战斗 DOTA2教你做大人
2014/03/27 DOTA
[03:21]【TI9纪实】Old Boys
2019/08/23 DOTA
python中List的sort方法指南
2014/09/01 Python
在Python中使用第三方模块的教程
2015/04/27 Python
Eclipse和PyDev搭建完美Python开发环境教程(Windows篇)
2016/11/16 Python
python中logging包的使用总结
2018/02/28 Python
详解Python 数据库的Connection、Cursor两大对象
2018/06/25 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
浅析python,PyCharm,Anaconda三者之间的关系
2019/11/27 Python
python3正则模块re的使用方法详解
2020/02/11 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
PatPat德国:妈妈的每日优惠
2019/10/02 全球购物
成教自我鉴定
2013/10/27 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
卖房协议书
2014/04/11 职场文书
服装发布会策划方案
2014/05/22 职场文书
团干部培训方案
2014/06/03 职场文书
2015年电话客服工作总结
2015/05/18 职场文书
恰同学少年观后感
2015/06/08 职场文书
Redis可视化客户端小结
2021/06/10 Redis
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js