CheckBox 如何實(shí)現(xiàn)全選?
在一個(gè)表單中有很多CheckBox,請(qǐng)問(wèn)如何實(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)文章
微信小程序 數(shù)組中的push與concat的區(qū)別
這篇文章主要介紹了微信小程序 數(shù)組中的push與concat的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-01-01
一篇文章學(xué)會(huì)jsBridge的運(yùn)行機(jī)制
JSBridge是一座用JavaScript搭建起來(lái)的橋,搭建這座橋的目的也很簡(jiǎn)單,讓native可以調(diào)用web的js代碼,讓web可以 “調(diào)用” 原生的代碼。本文主要通過(guò)分析源碼講解jsBridge的運(yùn)行機(jī)制,感興趣的朋友一起來(lái)看看吧2021-09-09
umi插件開(kāi)發(fā)仿dumi項(xiàng)目實(shí)現(xiàn)markdown文件轉(zhuǎn)為頁(yè)面
這篇文章主要介紹了umi插件開(kāi)發(fā)仿dumi項(xiàng)目實(shí)現(xiàn)markdown文件轉(zhuǎn)為頁(yè)面方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01
徒手實(shí)現(xiàn)關(guān)于JavaScript的24+數(shù)組方法
數(shù)組是我們?nèi)粘9ぷ髦杏玫淖铑l繁的一類(lèi)數(shù)據(jù)結(jié)構(gòu),能幫助我們解決許多問(wèn)題,而其本身也包含接近33個(gè)之多的方法,做了一個(gè)腦圖分類(lèi)如下,熟練使用數(shù)組的你,是否想知道他們內(nèi)部的實(shí)現(xiàn)原理呢?接下來(lái)小編就帶大家進(jìn)入主題,希望能幫助到你2021-09-09
微信小程序 this和that詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序 this和that詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02

