CheckBox 如何實(shí)現(xiàn)全選？
在一個(gè)表單中有很多CheckBox，請(qǐng)問如何實(shí)現(xiàn)選種一個(gè)而讓所有的都選中？
---------------------------------------------------------------
function selectAll(checkBoxName){
var elms = document.getElementsByName(checkBoxName);
if (elms.length<1) return;
var allChecked = true;
for (var i=0;i<elms.length;i++)
if (elms[i].type=="checkbox")
allChecked &= elms[i].checked;
for (var i=0;i<elms.length;i++)
if (elms[i].type=="checkbox"){
elms[i].checked = !allChecked;
if (elms[i].onclick) elms[i].onclick();
}
}
---------------------------------------------------------------
<input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m>
<input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m>
全選<input type=checkbox value="Check All" onclick="mm(this)">
<script language=javascript>
function mm(o)
{
var a = document.getElementsByName("m");
for (var i=0; i<a.length; i++){
a[i].checked = o.checked;
}
}
</script>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全選：<input type=checkbox onclick=sel('chk')>
<script language="javascript">
function sel(a){
o=document.getElementsByName(a)
for(i=0;i<o.length;i++)
o[i].checked=event.srcElement.checked
}
</script>
相關(guān)文章
這篇文章主要介紹了微信小程序 富文本轉(zhuǎn)文本實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
微信小程序 數(shù)組中的push與concat的區(qū)別
這篇文章主要介紹了微信小程序 數(shù)組中的push與concat的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要為大家介紹了JavaScript中fetch方法的使用示例全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
一篇文章學(xué)會(huì)jsBridge的運(yùn)行機(jī)制
JSBridge是一座用JavaScript搭建起來的橋，搭建這座橋的目的也很簡(jiǎn)單，讓native可以調(diào)用web的js代碼，讓web可以 “調(diào)用” 原生的代碼。本文主要通過分析源碼講解jsBridge的運(yùn)行機(jī)制，感興趣的朋友一起來看看吧2021-09-09
umi插件開發(fā)仿dumi項(xiàng)目實(shí)現(xiàn)markdown文件轉(zhuǎn)為頁面
這篇文章主要介紹了umi插件開發(fā)仿dumi項(xiàng)目實(shí)現(xiàn)markdown文件轉(zhuǎn)為頁面方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
這篇文章要給大家分享的是JavaScript的單線程和異步，其實(shí)單線程和異步確實(shí)不能同時(shí)成為一個(gè)語言的特性，js選擇了成為單線程的語言，所以它本身不可能是異步的，但js宿主環(huán)境是多線程，宿主環(huán)境通過某種方式使js具備了異步屬性，下面就來具體介紹,需要的朋友可以參考一下2021-10-10
徒手實(shí)現(xiàn)關(guān)于JavaScript的24+數(shù)組方法
數(shù)組是我們?nèi)粘９ぷ髦杏玫淖铑l繁的一類數(shù)據(jù)結(jié)構(gòu)，能幫助我們解決許多問題，而其本身也包含接近33個(gè)之多的方法，做了一個(gè)腦圖分類如下，熟練使用數(shù)組的你，是否想知道他們內(nèi)部的實(shí)現(xiàn)原理呢？接下來小編就帶大家進(jìn)入主題，希望能幫助到你2021-09-09
preload 顧名思義就是一種預(yù)加載的方式，它通過聲明向?yàn)g覽器聲明一個(gè)需要提交加載的資源，當(dāng)資源真正被使用的時(shí)候立即執(zhí)行，就無需等待網(wǎng)絡(luò)的消耗2020-02-02
這篇文章主要介紹了JS數(shù)組方案，先總結(jié)一下我們數(shù)組的方法：pop、push、shift、unshift、slice、splice、sort、reverse、concat、join、indexOf、lastIndexOf、map、forEach，下面文章將詳細(xì)對(duì)他們做個(gè)詳細(xì)介紹,需要的朋友可以參考一下2021-09-09
微信小程序 this和that詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序 this和that詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02