2012-01-05 9 views
0

私は紛失したアイテムを見つけるフォームを持っています。jQueryラジオのサブカテゴリが親のボタンの変更をオフにしました

<input type="radio" name="subcatitemlost" value="subDiv1" />Luggage 
<div id="subDiv1" class="desc"> 
      <label> 
     <input type="radio" name="subluggage" id="truck" value="t"/> 
    </label>Trunk</br> 
      <label> 
     <input type="radio" name="subluggage" id="chest" value="chest"/> 
    </label>Chest</br> 
      <label> 
     <input type="radio" name="subluggage" id="suitcase" value="suitcase"/> 
    </label>Suitcase</br>     
      <label> 
     <input type="radio" name="subluggage" id="duffelbag" value="duffelbag"/> 
    </label>Duffelbag</br> 
      <label> 
     <input type="radio" name="subluggage" id="tote" value="tote"/> 
    </label>Tote</br> 
</div> <br/> 

<input type="radio" name="subcatitemlost" value="subDiv2" />Clothing 
<div id="subDiv2" class="desc"> 
      <input type="radio" name="subclothing" id="shirt" value="shirt"/> 
    </label>Shirt</br> 
      <input type="radio" name="subclothing" id="shoes" value="shoes"/> 
    </label>Shoes</br> 
      <input type="radio" name="subclothing" id="pants" value="pants"/> 
    </label>Pants</br> 
      <input type="radio" name="subclothing" id="jacket" value="jacket"/> 
    </label>Jacket</br> 
      <input type="radio" name="subclothing" id="suit" value="suit"/> 
    </label>Suit</br>     
      <input type="radio" name="subclothing" id="hat" value="hat"/> 
    </label>Hat</br> 
</div><br /> 

主なカテゴリが別のメインカテゴリを選択すると自身の選択を解除します、しかし、ないスクリプトを探していますサブカテゴリが選択されたままになりますし、私はthat.Iを制御する方法を見つけ出すことはできません正しいボタンが選択されたときに別のサブカテゴリを選択できるようにします。

$(document).ready(function() { 
$("div.desc").hide(); 
$("input[name$='subcatitemlost']").click(function() { 
var test = $(this).val(); 
$("div.desc").hide(); 
$("#" + test).show();}); 
}); 

答えて

0

この

$(document).ready(function() { 
    $("div.desc").hide(); 
    $("input[name$='subcatitemlost']").click(function() { 
     var test = $(this).val(); 
     $("div.desc").hide(); 
     $("#" + test).show(); 
     $("div input:radio").attr('checked', false); 
    }); 
}); 

http://jsfiddle.net/dbtA4/

を使用してみてください
関連する問題