最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

全選復(fù)選框JavaScript編寫(xiě)小結(jié)(附代碼)

 更新時(shí)間:2017年08月16日 11:03:21   作者:代碼終結(jié)者222  
這篇文章主要介紹了全選”復(fù)選框JavaScript編寫(xiě),分別附上html和js代碼以供大家更深刻了解,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。

對(duì)于全選框的操作分為兩種情況:

1.單擊全選框,下面全部選中

2.單擊下面的復(fù)選框,全部點(diǎn)擊上,全選框被選中,否則全選框沒(méi)有選中。

html樣式

<tr>
     <td>愛(ài)&nbsp;&nbsp;好</td>
     <td>
      <label for=""><input type="checkbox" name="fav" id="" value="蘋(píng)果" class="btn"/>蘋(píng)果</label>
     </td>
     <td>
      <label for=""><input type="checkbox" name="fav" id="" value="香蕉" class="btn"/>香蕉</label>
     </td>
     <td>
      <label for=""><input type="checkbox" name="" id="checkAll" value="全選" class="btn"/>全選</label>
     </td>
    </tr>

js樣式

var oChkAll = document.getElementById("checkAll");
    //全選
    oChkAll.onclick = function() {
     for(var i = 0; i < oFav.length; i++) {
      oFav[i].checked = this.checked;
     }
    }
    //復(fù)選框組
    for(var i = 0; i < oFav.length; i++) {
     oFav[i].onclick = function() {
      //如果全選
      if(isChkAll()) {
       oChkAll.checked = true;
      } else {
       oChkAll.checked = false;
      }
     }
    }
    //判斷是否全選
    function isChkAll() {
     var all = oFav.length;
     var chk = 0;
     for(var i = 0; i < oFav.length; i++) {
      if(oFav[i].checked) {
       chk++;
      }
     }
     if(all == chk) {
      return true;
     } else {
      return false;
     }
    }

以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助~如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持!

相關(guān)文章

最新評(píng)論

家居| 余庆县| 汝城县| 永平县| 仁寿县| 岳阳县| 尚志市| 玛曲县| 乐陵市| 永年县| 通州市| 普定县| 大连市| 庆阳市| 来安县| 许昌县| 南汇区| 广昌县| 天津市| 宽城| 江源县| 光山县| 榕江县| 资中县| 拉萨市| 巴青县| 奎屯市| 棋牌| 吉木乃县| 民乐县| 陵水| 什邡市| 齐齐哈尔市| 鄢陵县| 香港| 南阳市| 馆陶县| 崇州市| 肃宁县| 将乐县| 广宁县|