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 相关文章推荐
Google排名中的10个最著名的 JavaScript库
Apr 27 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
js防止表单重复提交实现代码
Sep 05 Javascript
JQuery-tableDnD 拖拽的基本使用介绍
Jul 04 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
Nov 16 Javascript
ES6概念 ymbol.for()方法
Dec 25 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
什么是Vue.js框架 为什么选择它?
Oct 17 Javascript
使用 Node.js 开发资讯爬虫流程
Jan 07 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
vue实现水波涟漪效果的点击反馈指令
May 31 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
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
使用PHPExcel操作Excel用法实例分析
2015/03/26 PHP
三级下拉菜单的js实现代码
2011/05/23 Javascript
asp.net 30分钟掌握无刷新 Repeater
2011/09/16 Javascript
JS字符串处理实例代码
2013/08/05 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
Highcharts入门之简介
2016/08/02 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
如何使用repr调试python程序
2020/02/28 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
Python如何将模块打包并发布
2020/08/30 Python
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
创造美妙香氛体验:Aera扩散器和香水
2018/11/25 全球购物
物业客服专员岗位职责
2013/11/30 职场文书
会计专业的自荐信
2013/12/12 职场文书
库房主管岗位职责
2013/12/31 职场文书
认识深刻的检讨书
2014/02/16 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
消防安全培训工作总结
2015/10/23 职场文书
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server
Python实现聚类K-means算法详解
2022/07/15 Python