如何在更改單選按鈕值取決於另一個單選按鈕得到檢查

Question

我需要有一個功能，如選擇男性和女性的單選按鈕性場。

取決於男性單選按鈕得到檢查，在單選按鈕中的另一組特定值的身體類型應該顯示。

就像男性領域一樣，女性領域在單選按鈕上也應該具有特定的體型值。

如何有依賴單選按鈕字段時別域單選按鈕得到遏制

Answer 1

可能使用應該使用jQuery

首先顯示和隱藏功能，你需要讓所有相關的單選按鈕不可見的，那麼如果雄性單選按鈕，檢查顯示雄性體形的內容

維護的div針對每個內容爲男性和女性

Answer 2

嘗試此

HTML

<label>Male</label> 
<input type="checkbox" id="male_c" class="gender"> 
<label>Female</label> 
<input type="checkbox" name="female_c" class="gender"> 
<div id="boy"> 
    <label>Male Fiels</label> 
    <input type="checkbox" name="itemselect" class="example" /> 
</div> 
<div id="girl"> 
    <label>Girl Fields</label> 
    <input type="checkbox" name="itemselect" class="example" /> 
</div> 

腳本

$('.gender').on('click', function() { 
    if ($(this).is(':checked')) { 
     if ($(this).prev().text() == 'Male') { 
      $(this).siblings().prop('checked', false) 
      $('#boy').show(); 
      $('#girl').hide(); 
     } else { 
      $(this).siblings().prop('checked', false) 
      $('#girl').show(); 
      $('#boy').hide(); 
     } 
    } else { 
     $('#boy,#girl').hide(); 
    } 
}); 

DEMO

Answer 3

嘗試這個

HTML

Gender : <input type="radio" value="Male" name="gender" /> Male <input type="radio" value="Female" name="gender" /> Female 
<br/> 
Body Type : 
<div id="male"> 
<input type="radio" value="MaleBT" name="genderBT" />Male Body Type 

<input type="radio" value="MaleBT1" name="genderBT" />Male Body Type 
</div> 
<div id="female"> 
    <input type="radio" value="FemaleBT" name="genderBT" /> Female Body Type 
<input type="radio" value="FemaleBT" name="genderBT" /> Female Body Type 
</div> 

JS

$(function(){ 

$('input[name=gender]').click(function(e){ 
    if(this.value=="Male"){ 
     $('#female').hide(); 
      $('#male').show(); 
    } 
    else { 
     $('#male').hide(); 
     $('#female').show(); 
    } 
}); 
    $('#female').hide(); 
    $('#male').hide(); 
}); 

DEMO HERE