快捷導(dǎo)航

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

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

本文章總結(jié)了利用jquery與js實(shí)現(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++;
    });
   });

綜合以上二法，本人輕易得出了自己想要的效果，如下：

復(fù)制代碼代碼如下:

function selectall()
{
 $("select").children().each(function(){$(this).attr("selected","selected")})
}

分別用到了 children()和$(this).attr("selected","selected")
一個(gè)js用法

復(fù)制代碼代碼如下:

<!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) 消費(fèi)者行為與銷售心理</option> 
<option value="004" >(004) 產(chǎn)品策劃與市場(chǎng)推廣</option> 
<option value="005" >(005) 品牌定位與廣告原理</option> 
</select> 
<input type="button" onclick="selectAll()" value="全選"> 
</form>
</body>
</html>

您可能感興趣的文章:

相關(guān)文章

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