這篇文章主要為大家展示了“如何實現(xiàn)javascript操作input標簽屬性checkbox全選”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何實現(xiàn)javascript操作input標簽屬性checkbox全選”這篇文章吧。

目前創(chuàng)新互聯(lián)公司已為上千家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)絡空間、網(wǎng)站托管運營、企業(yè)網(wǎng)站設計、銅陵網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

具體代碼如下所示：

< >
function selectAll(){
 var checklist = document.getElementsByName ("selected");//獲取所有name值為selected的標簽
 if(document.getElementById("controlAll").checked){//判斷當id為controlAll的標簽是否被選中
 for(var i=0;i



全選

1:

2:

3:

4:

5:

6:


< type="text/ ">
function heheda(){
 var controlAll = document.getElementById("controlAll");//獲取id值為controlAll的標簽
 var checklists = document.body.querySelectorAll("input[type='checkbox']").length;//獲取所有格式為checkbox的input標簽的數(shù)量
 var selectedLength=document.body.querySelectorAll("input[name=selected]:checked").length;//獲取所有name值為selected，并且已經(jīng)被選中的input標簽的數(shù)量
 if(controlAll.checked){//判斷當id為controlAll的標簽是否被選中
   controlAll.checked = false;//當被選中時，則自動取消id為controlAll的標簽選中
 }else{
  if(selectedLength == checklists-1){//當不被選中時，判斷當獲取所有name值為selected，并且已經(jīng)被選中的input標簽的數(shù)量 與 獲取所有格式為checkbox的input標簽的數(shù)量-1 是否相等
  controlAll.checked = true;//如果相等，則自動選中id為controlAll的標簽
  }
 }
 }

以上是“如何實現(xiàn)javascript操作input標簽屬性checkbox全選”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！