ホームページ  >  記事  >  ウェブフロントエンド  >  チェックボックス選択_javascript スキルを実装するための JavaScript コード

チェックボックス選択_javascript スキルを実装するための JavaScript コード

WBOY
WBOYオリジナル
2016-05-16 16:01:441258ブラウズ

コード:

function checkall(checkNames){
  var allBoxs = document.getElementsByName(checkNames);
  for(var i = 0 ;i<allBoxs.length;i++){
    if(allBoxs[i].type == 'checkbox'){
      if(allBoxs[i].checked==false){
        allBoxs[i].checked = true ;
      }else{
        allBoxs[i].checked = false ;
      }
    }
  }
}

使い方①

コードをコピーします コードは次のとおりです:

bb81ef2c430849232bbe8b43168b82ccすべて選択5db79b134e9f6b82c0b36e0489ee08ed

注: 「商品」は、選択する必要があるすべてのチェックボックスの名前です

使い方②

<a href="" id="checkAll">全选</a>
<script>
document.getElementById('checkAll').onclick = function () {
  checkall('goods')
};
</script>

注: 「商品」は、選択する必要があるすべてのチェックボックスの名前です

上記の 2 つの方法はすべてこの記事にまとめられています。もっと良い方法があれば、ぜひお知らせください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。