0

さて、私はphpにforループを持っていて、それは人のためのラジオボタンのグループを生成します。グループ内の各ラジオボタンは同じ名前を持っています。 

for ($i = 0; $i < $count; $i++) {
            echo '<tr>';
            echo '<td>' . $something[$i] . '</td>';
            echo '<td align="center"><input class="one" type="radio" name="' . $i . '" value="1"/></td>';
            echo '<td align="center"><input class="half" type="radio" name="' . $i . '" value="0.5"/></td>';
            echo '<td align="center"><input class="zero" type="radio" name="' . $i . '" value="0" checked="checked"/></td>';
            echo '<td align="center"><input class="inactive" type="radio" name="' . $i . '" value="null"/></td>';
            echo '</tr>';
        }

リンク/ボタンをクリックして、同じクラスのすべてのラジオボタンを選択/チェックできるようにしたい。変数$countは数日ごとに変わるので、いくつの異なる無線グループがあるのか​​わかりません。私はこれがjavascriptにあることを願っています

4

3 に答える 3

3

あなたはこれを行うことはできません。ラジオボタングループでは、1回の選択が可能です。これを行うには、チェックボックスが必要になります。

于 2012-03-21T20:17:29.297 に答える
1

クラス名がラジオボタンに固有である場合は、次のように実行できます。

var radios = document.getElementsByTagName("INPUT");
for (var index = 0; index < radios.length; index++) {
   if (radios(index).type == "radio" && 
       radios(index).className.indexOf("one") > -1) {
      radios(index).checked = true;
   }
}

これはすべて、それぞれにgetElementsByIdを使用するよりもおそらく優れていますが、普遍的にサポートされていないgetElementsByClassNameよりもおそらく優れているとは思いません。

于 2012-03-21T22:47:31.457 に答える
1

さて、私はここで私のものを理解しました、

            $(document).ready(function() {

            // select all radio buttons in the "one" column (.one class)
            $('#select_all_one').click(function(){
                $("input[class=one]").each(function(){
                    this.checked = true;
                });
            });

            // select all radio buttons in the "half" column (.half class)
            $('#select_all_half').click(function(){
                $("input[class=half]").each(function(){
                    this.checked = true;
                });
            });

            // select all radio buttons in the "zero" column (.zero class)
            $('#select_all_zero').click(function(){
                $("input[class=zero]").each(function(){
                    this.checked = true;
                });
            });

            // select all radio buttons in the "inactive" column (.inactive class)
            $('#select_all_inactive').click(function(){
                $("input[class=inactive]").each(function(){
                    this.checked = true;
                });
            });


          });

次に、このリンクを使用してすべての無線を選択し<a id="select_all_one" name="select_all" value="all_one">、IDと値の名前を半分、ゼロ、および尊重されたリンクに対して非アクティブに変更すると、すべてが完全に機能します

于 2012-03-25T21:08:44.467 に答える