js multiple全選與取消全選實現(xiàn)代碼

更新時間：2012年12月04日 21:51:34 作者：

本文章總結了利用jquery與js實現(xiàn)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) 產(chǎn)品策劃與市場推廣</option> 
<option value="005" >(005) 品牌定位與廣告原理</option> 
</select> 
<input type="button" onclick="selectAll()" value="全選"> 
</form>
</body>
</html>

您可能感興趣的文章:

教你如何寫出可維護的JS代碼
在平時工作開發(fā)中，大部分開發(fā)人員都花費大量的時間在維護其他人員的代碼。很難從頭開始開發(fā)新代碼，很多情況下都是以他人成果為基礎的，或者新增修改需求，自己寫的代碼也會被其他開發(fā)人員調用，所以寫好一份高質量可維護的代碼就顯得十分重要。
2021-05-05
分享JavaScript的?3?種工廠模式的用法
這篇文章主要分享JavaScript的?3?種工廠模式,工廠模式是設計模式中最常用的設計模式之一，這種類型的設計模式屬于創(chuàng)建型模式，它提供了一種創(chuàng)建對象的最佳方式，下文關于工廠模式的更多相關資料需要的小伙伴可以參考一下
2022-04-04
你不知道的 TypeScript 高級類型(小結)
這篇文章主要介紹了你不知道的 TypeScript 高級類型(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-08-08
JavaScript基礎篇之變量作用域、傳值、傳址的簡單介紹與實例
這篇文章介紹了變量的作用域，傳值，傳址的一些簡單使用，有需要的朋友可以參考一下
2013-06-06
JS 頁面計時器示例代碼
計時器效果想必大家都見到過吧，其實使用js可以很輕松的實現(xiàn)，下面有個不錯的示例，感興趣的朋友可以參考下
2013-10-10
IE6彈出“已終止操作”的解決辦法
導致這個問題產(chǎn)生的原因，一般是因為js（一個比較復雜的js）寫在body里面，在body元素加載完之前調用出現(xiàn)問題。顯然，解決該問題的方法就是將這一段js放在body元素解析完畢之后。
2010-11-11
JavaScript編寫連連看小游戲
這篇文章主要介紹了JavaScript編寫連連看小游戲的相關資料,需要的朋友可以參考下
2015-07-07
JS實現(xiàn)驗證碼倒計時的注冊頁面
這篇文章給大家分享一段實例代碼發(fā)送驗證碼之后開始60S倒計時功能，具體實例代碼大家參考下本文
2018-01-01
從理論角度討論JavaScript閉包
本文將介紹一個在JavaScript經(jīng)常會拿來討論的話題 —— 閉包（closure）。閉包其實已經(jīng)是個老生常談的話題了；有大量文章都介紹過閉包的內容，盡管如此，這里還是要試著從理論角度來討論下閉包，看看ECMAScript中的閉包內部究竟是如何工作的
2019-04-04
擴展JS Date對象時間格式化功能的小例子
這篇文章主要介紹了擴展JS Date對象時間格式化功能，有需要的朋友可以參考一下
2013-12-12