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>
时间： 2024-09-22 00:45:18

js multiple全选与取消全选实现代码的相关文章

Gvidview想设置所有checkbox项的全选和取消全选

问题描述 想在gridvew外面加一个按钮,点击设置所有项的全选和取消全选,该怎样做? 解决方案 解决方案二:usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebCon

jquery操作checkbox实现全选和取消全选_jquery

今天这样写了一个全选和取消全选的功能: 全选:$(":checkbox").attr("checked","checked"); 取消全选:$(":checkbox").removeAttr("checked"); 获取选中的:$(":checked[checked='checked']") 发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了 这样行不通,

jquery checkbox全选、取消全选实现代码_jquery

复制代码 代码如下: <script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <input type="checkbox" name="checkbox_name[]" id="checkbox_name_1″ />1<br /> <input type="checkbox&q

android设置全屏与取消全屏方法

android提供了两种方式来实现无标题栏和全屏效果,即通过xml文件声明的方式或在程序中动态控制的方式. android设置全屏方法 一.通过程序设置:  代码如下 复制代码     package com.hhh.changeimage:     import android.app.Activity;     import android.os.Bundle;     import android.view.Window;     import android.view.WindowMan

比较全的JS checkbox全选、取消全选、删除功能代码_javascript技巧

看下面两种实现方法: JS checkbox 方法一: 复制代码 代码如下: function checkAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } functio

Jquery 多选框全选与取消全选核心代码

核心代码  代码如下 复制代码 $("#checkall").click(function(){     if(this.checked){       $("input[name='check']").each(function(){this.checked=true;});     }else{       $("input[name='check']").each(function(){this.checked=false;});    

jQuery全选与取消全选实现代码

引用Jquery 库jquery-1.4.1-vsdoc.js 等 jQuery.attr  获取/设置对象的属性值,如:  代码如下 复制代码 $("input[name='chk_list']").attr("checked");     //读取所有name为'chk_list'对象的状态(是否选中) $("input[name='chk_list']").attr("checked",true);      //设置所

javascript全选与取消全选代码(1/2)

<script type="text/javascript教程"> function checkall(name) {   var names=document.getelementsbyname(name);   var len=names.length;   if(len>0)   {    var i=0;    for(i=0;i<len;i++)    names[i].checked=true;      } } //全不选 function che

Javascript实现CheckBox的全选与取消全选的代码_表单特效

字母全选开关 a b c d e f g 数字全选开关 1 2 3