0

次のような一連のラベルとラジオ ボタンがあります。

Entertainment: <input type="radio" name="entertainment" id="entertainment" value="0" checked/>
               <input type="radio" name="entertainment" id="entertainment" value="1" /> 
               <input type="radio" name="entertainment" id="entertainment" value="2" /><br />


Radio: <input type="radio" name="radio" id="radio" value="0" checked/>
       <input type="radio" name="radio" id="radio" value="1" /> 
       <input type="radio" name="radio" id="radio" value="2" /><br />

Dancing: <input type="radio" name="dancing" id="dancing" value="0" checked/>
         <input type="radio" name="dancing" id="dancing" value="1" /> 
         <input type="radio" name="dancing" id="dancing" value="2" /><br />

Music: <input type="radio" name="music" id="music" value="0" checked/>
       <input type="radio" name="music" id="music" value="1" /> 
       <input type="radio" name="music" id="music" value="2" /><br />

Television: <input type="radio" name="tv" id="tv" value="0" checked/>
            <input type="radio" name="tv" id="tv" value="1" /> 
            <input type="radio" name="tv" id="tv" value="2" /><br />

Film: <input type="radio" name="film" id="film" value="0" checked/>
      <input type="radio" name="film" id="film" value="1" /> 
      <input type="radio" name="film" id="film" value="2" /><br />

Theatre: <input type="radio" name="theatre" id="theatre" value="0" checked/>
         <input type="radio" name="theatre" id="theatre" value="1" /> 
         <input type="radio" name="theatre" id="theatre" value="2" />

アイデアは、上部にある 3 つの「エンターテイメント」ラジオ ボタンが下のすべてのラジオ ボタンを制御するというものです。必要に応じて、人々の時間を節約するための「グローバル スイッチ」。これを達成するために必要な JavaScript/jQuery を知っている人はいますか? オンラインで正しい例が見つかりません。

4

1 に答える 1

1 
$(':radio[name=entertainment]').change(function() {
  $(this).nextAll(':radio[value="'+ this.value +'"]').prop('checked', true);
  $(this).nextAll(':radio[value!="'+ this.value +'"]').prop('checked', false);
});

作業サンプル

ノート

ids は一意である必要があります。

于 2012-06-25T15:47:04.403 に答える