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 相关文章推荐
window.open()弹出居中的窗口
Feb 01 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
与jquery serializeArray()一起使用的函数,主要来方便提交表单
Jan 31 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
Mar 10 Javascript
页面按钮禁用与解除禁用的方法
Feb 19 Javascript
jquery 3D 标签云示例代码
Jun 12 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
JS动态修改网页body的背景色实例代码
Oct 07 Javascript
小程序封装路由文件和路由方法(5种全解析)
May 26 Javascript
原生JS实现留言板功能
Feb 08 Javascript
H5+css3+js搭建带验证码的登录页面
Oct 11 Javascript
vue elementUI表格控制对应列
Apr 13 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
destoon实现VIP排名一直在前面排序的方法
2014/08/21 PHP
php遍历CSV类实例
2015/04/14 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
this和执行上下文实现代码
2010/07/01 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
2011/09/10 Javascript
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
AngularJS 应用身份认证的技巧总结
2016/11/07 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
Vue 实现双向绑定的四种方法
2018/03/16 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
微信小程序列表时间戳转换实现过程解析
2019/10/12 Javascript
vue-父子组件和ref实例详解
2019/11/10 Javascript
跟老齐学Python之有点简约的元组
2014/09/24 Python
Python实现测试磁盘性能的方法
2015/03/12 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
Python列表切片用法示例
2017/04/19 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
美术指导助理求职信
2014/04/20 职场文书
贫困证明模板(3篇)
2014/09/16 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
fastdfs+nginx集群搭建的实现
2021/03/31 Servers
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL
Java框架入门之简单介绍SpringBoot框架
2021/06/18 Java/Android