js multiple全选与取消全选实现代码

时间：2024-04-28 10:19:36　

$("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">

</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 multiple全选与取消全选实现代码

猜你喜欢

CSS网页布局扩展小技巧

总结MySQL修改最大连接数的两个方式

Python turtle库绘制菱形的3种方式小结

Win10下为VSCode配置LaTex编辑器的方法

ASP 操作cookies的方法

Golang Compare And Swap算法详细介绍

Python源码学习之PyObject和PyTypeObject

Python常用模块介绍

使用 XSLT 解释 XML 文件

浅析is_writable的php实现

ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例

基于Python实现中秋佳节月饼抢购脚本

K最近邻算法(KNN)---sklearn+python实现方式

Golang单元测试与覆盖率的实例讲解

node.js支持多用户web终端实现及安全方案

python日志模块loguru详解

MySQL SQL预处理(Prepared)的语法实例与注意事项

vue实现拖拽交换位置

利用ImageAI库只需几行python代码实现目标检测

python批量添加zabbix Screens的两个脚本分享