Jsの選択と非選択のチェックボックスをフルに活用を実現

<!DOCTYPE HTML>
<HTML>
<HEAD>
    <タイトル> 142 </タイトル>
    <メタのcharset = "UTF-8">
    <スクリプトタイプ= "テキスト/ javascriptの">
         window.onload =関数()
         {
             VARのA = document.getElementsByName( "A");
              VAR I;

              用(i = 0; iはa.lengthを<; iは++)
              {
                  [I] .onchange =関数()
                  {
                      アラート(this.value)。
                  }
              }
             }

             関数AC()
             {
                 VARのA、I。

                 = document.getElementsByName( "A")。

                 (私は++; iはa.lengthを<I = 0)のための
                 {
                     [I] = TRUE .checkedを。
                 }
             }

             機能()
             {
                 VARのA = document.getElementsByName( "A")。
                     VAR I;
                 用(i = 0; iはa.lengthを<; iは++)
                 {
                     IF([I] .checkedを== TRUE)
                     {
                         [I] .checkedを= FALSE;
                     }

                     他の
                         [i]は.checkedを=はtrue。
                 }
             }


        
    </ SCRIPT>
</ head>
<body>
    <ラベル>の<input type = "チェックボックス" NAME = ""値= "11"> 11 </ラベル>
    <ラベル>の<input type = "チェックボックス" NAME =」 "値= "22"> 22 </ラベル>
    <ラベル>の<input type = "チェックボックス" NAME = ""値= "33"> 33 </ label>は
   
   <div>
         <ラベル>の<input type ="ラジオ」名前= "AB"のonchange = "AC()">全选</ラベル>
         <ラベル>の<input type = "ラジオ" NAME = "AB"のonchange = "として()">反选</ label>は
   < / DIV>

</ BODY>
</ HTML>

おすすめ

転載: blog.csdn.net/qq_39485970/article/details/82930417