JS：ラジオボタン - 動的に選択

Question

に基づいて生成された私は、それを記述するためにどのように問題を抱えているあなたは、私が言いたいことを願っています：

はさんは言ってみましょう：あなたの上部の2つの車のブランドは何ですか：

オプションはBMWなく、同じでなければなりません＃2について アウディ、VW、BWM、ジャガー（それはBWMです）

：私はから＃1を選んだ アウディ、VW、ジャガー

2番目のオプションフィールドから選択肢1を差し引くにはどうすればよいですか？

ヒントありがとうございます！

（私は通常、PHPを書くが、私は、画面のリロードなしで、私はJSはおそらくそれを行うことができます知っているが、私はそのスキルを欠いていることを達成したい）

Answer 1

この例では、jQueryライブラリを使用していると、それは次のように動作しますway：

フィールドセット1から何かを選択すると、他のフィールドセットから同様の入力を隠すだけです。

また、入力タグの近くにあるラベルを非表示にします。

このスニペットを実行すると、どのように動作するかを確認できます。

$("input[name=cars_0]").change(function(){ 
 

 
    
 
    var val = $(this).val(); 
 
    
 

 
// Show everything before hiding new one 
 
    $("input[name=cars_1]").show() 
 
    .prev('label').show(); 
 
    
 
    // Hide input tag based on value 
 
    $("input[name=cars_1][value="+val+"]").hide() 
 
    .prev('label').hide(); //Hide label tag 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 

 
    <fieldset> 
 
    <label for="audi_0">Audi</label> 
 
    <input id="audi_0" type="radio" name="cars_0" value="audi"> 
 

 
    <label for="bmw_0">BMW</label> 
 
    <input id="bmw_0" type="radio" name="cars_0" value="bmw"> 
 
    
 
    <label for="jaguar_0">Jaguar</label> 
 
    <input id="jaguar_0" type="radio" name="cars_0" value="jaguar"> 
 
    
 
    </fieldset> 
 
    
 
    <fieldset> 
 
    <label for="audi_1">Audi</label> 
 
    <input id="audi_1" type="radio" name="cars_1" value="audi"> 
 

 
    <label for="bmw_1">BMW</label> 
 
    <input id="bmw_1" type="radio" name="cars_1" value="bmw"> 
 
    
 
    <label for="jaguar_1">Jaguar</label> 
 
    <input id="jaguar_1" type="radio" name="cars_1" value="jaguar"> 
 
    
 
    </fieldset> 
 
    
 
</form>