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

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

WBOY
リリース: 2016-05-16 16:01:44
オリジナル
1318 人が閲覧しました

コード:

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 ;
      }
    }
  }
}
ログイン後にコピー

使い方①

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

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

使い方②

<a href="" id="checkAll">全选</a>
<script>
document.getElementById('checkAll').onclick = function () {
  checkall('goods')
};
</script>
ログイン後にコピー

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート