JavaScript中怎么利用CheckBox實(shí)現(xiàn)選中

發(fā)布時(shí)間：2021-07-01 15:46:29 來(lái)源：億速云閱讀：149 作者：Leah 欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript中怎么利用CheckBox實(shí)現(xiàn)選中，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

JavaScript實(shí)現(xiàn)CheckBox選中所有的項(xiàng)的方法：

<html> <head> <title> title> <body> <form name="Form1"> <input name="allbox" type="checkbox" onClick="TA();" title="選中或清除選中所有的項(xiàng)目" tabindex="105">選中或清除選中所有的項(xiàng)目  <br/> <span class="X"> <input type="checkbox" name="ABC" class="A" onClick="TTA(this);">清明時(shí)節(jié)span> <br/> <span class="X"> <input type="checkbox" name="DEF" class="A" onClick="TTA(this);">長(zhǎng)江水啊span> <br/> <span class="X"> <input type="checkbox" name="GHL" class="A" onClick="TTA(this);">嘿嘿測(cè)試span> <br/> form> <script language="javascript"> var frm = document.Form1;  script> <script language="JavaScript"> function TA(isO,noHL){   var trk = 0;   for(var i=0;i<frm.elements.length;i++){    var e=frm.elements[i];    if((e.name !='allbox') && (e.type == 'checkbox')){      e.checked = frm.allbox.checked;     if (frm.allbox.checked){      //e.parentElement.className = "H"; //.parentElement不兼容firefox瀏覽器       e.parentNode.className = "H";//調(diào)用設(shè)置父節(jié)點(diǎn)元素class改變背景色     }else{      e.parentNode.className = "X";//調(diào)用設(shè)置父節(jié)點(diǎn)元素class改變背景色     }    }   }  }  function TTA(CB,noHL){   if (CB.checked){    CB.parentNode.className = "H";   }else{    CB.parentNode.className = "X";   }   var TB=TO=0;   for (var i=0;i<frm.elements.length;i++){    var e=frm.elements[i];    if ((e.name != 'allbox') && (e.type=='checkbox')){     TB++;    if (e.checked)     TO++;    }   }   frm.allbox.checked=(TO==TB)?true:false;   //如果不是所有項(xiàng)被選中則allbox設(shè)定未被選中  }  script> <style> .H{   background: #ADD8E6  }  .X{   background: #FFFFFF  }  style> body>html>

關(guān)于JavaScript中怎么利用CheckBox實(shí)現(xiàn)選中就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

JavaScript中怎么利用CheckBox實(shí)現(xiàn)選中

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽