CheckBox 如何實(shí)現(xiàn)全選?
在一個(gè)表單中有很多CheckBox,請問如何實(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)文章
微信小程序getPhoneNumber獲取用戶手機(jī)號(hào)
這篇文章主要介紹了 微信小程序getPhoneNumber獲取用戶手機(jī)號(hào)的相關(guān)資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-09-09JavaScript面試數(shù)組index和對象key問題詳解
這篇文章主要為大家介紹了JavaScript面試數(shù)組index和對象key問題詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12微信小程序 wx.request(接口調(diào)用方式)詳解及實(shí)例
這篇文章主要介紹了微信小程序 wx.request(接口調(diào)用方式)詳解及實(shí)例的相關(guān)資料,wx.request請求方式比較簡單,但是在使用的時(shí)候出現(xiàn)錯(cuò),這里就記錄下,需要的朋友可以參考下2016-11-11JavaScript?Canvas實(shí)現(xiàn)兼容IE的兔子發(fā)射爆破動(dòng)圖特效
這篇文章主要為大家介紹了JavaScript?Canvas實(shí)現(xiàn)兼容IE的兔子發(fā)射爆破動(dòng)圖特效示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01