Pokaż div1, jeśli radio1 jest zaznaczone, a div2, jeśli radio2 jest zaznaczone

Question

Cześć, mam problem.

Pobieram niektóre wartości z bazy danych i wyświetlam je w formularzu do edycji. Po zakończeniu edycji wartości zostaną przesłane do DB.

Chcę pokazać div, jeśli radio z wartością "Tak" jest zaznaczone i jeśli radio z wartością "Nie" jest zaznaczone, chcę pokazać kolejny element div.

Sprawdzana wartość pochodzi z bazy danych, więc nie zawsze jest w tym samym radiu.

<input type="radio" name="longer" id="Yes" value="Yes" <?=($info['longer']=='Yes')?'checked':''?>>Yes 
<input type="radio" name="longer" id="No" value="No" <?=($info['longer']=='No')?'checked':''?>>No 

<div id="first"> 
Show if value is yes 
</div> 

<div id="second"> 
Show if value is no 
</div> 

Jest to kod jquery miałem tak daleko, ale to nie działa:

$(document).ready(function() { 
     if ($('#No').prop('checked')) { 
      $('#first').hide(); 
      $('#second').show(); 
     } else if ($('#Yes').prop('checked') { 
      $('#second').hide(); 
      $('#first').show(); 
     } 
}); 

Dzięki za poświęcony czas.

Answer 1

sprawdzić za pomocą .is(':checked')

if ($('#No').is(':checked')) { 

Twój kod będzie działać po dokumencie gotowy .. ale myślę, że być może jest to potrzebne w przypadku zmiany radiowy

$('input[name="longer"]').on('change',function(){ 
     //code here 
    });