라디오가 체크 된 경우 p 태그 값을 대체하는 방법은 무엇입니까?

Question

라디오가 선택되면 p 태그 값을 바꾸고 싶습니다.

일부 JS를 작성했지만 아무 것도 변경되지 않았습니다. 이 내 코드 (내가 jQuery를 사용)

<script> 
$(function(){ 
if ($('#A:checked')) { 
    $("#change_me").html('<input type="radio" value="1" name="fruit">') 
} 

if ($('#B:checked')) { 
    $("#change_me").html('<input type="radio" value="2" name="fruit">') 
} 

} 
</script> 

<input type="radio" name="e" id="A" checked="checked"> 
<input type="radio" name="e" id="B"> 

<p id="change_me"> 
    <input type="radio" value="1" name="fruit"> 
</p> 

덕분이다.

Answer 1

당신이 following

$(function(){ 
    $('input[name=e]').change(function(){ 
     if($(this).attr('id') == 'A') 
     { 
      $("#change_me input").val('1'); 
     } 
     else 
     { 
      $("#change_me input").val('2'); 
     } 
    }); 
}); 

Answer 2

:checked 선택기는 현재 검사중인 요소와 일치합니다.
쓰기 $('#B:checked')은 0 또는 하나의 요소가 포함 된 jQuery 객체를 반환합니다. 그것은 조건으로 직접 사용될 수 없습니다.

대신 if ($('#B:checked').length)을 확인하여 jQuery 객체에 내용이 있는지 확인할 수 있습니다.

Answer 3

먼저 값만 변경되는 경우 라디오 버튼을 다시 만들 필요가 없습니다.

$(function(){ 
if ($('#A:checked').size() > 0) { 
    $("#change_me input[type=radio]").val('1') 
} 

if ($('#B:checked').size() > 0) { 
    $("#change_me input[type=radio]").val('2') 
} 

} 

HTML :

<input type="radio" name="e" id="A" checked="checked"> 
<input type="radio" name="e" id="B"> 

<p id="change_me"> 
    <input type="radio" value="1" name="fruit"> 
</p>