JQuery, 동적 라디오 버튼 일명 radio34 등을 기반으로 div 표시/숨기기?

Question

페이지를 동적으로 생성하고 여러 라디오 버튼 세트가 있습니다. 라디오 버튼의 id 태그에 레코드 ID를 사용해야합니다. 예 :

<input type="radio" name="review_flag1797" id="review_flag1797" 
     value="n" checked="checked" /> 

내 div의 표시/숨기기를 처리하는 단일 JQuery 함수를 어떻게 만들 수 있습니까? 라디오 버튼의 값은 y, n 및 r입니다. 값이 n 일 때 내 div를 숨기고 y 및 r으로 표시해야합니다.

더 복잡하게하려면 라디오 버튼의 라디오를 쓸 때 다른 값으로 설정할 수 있습니다.

편집

<div id="my_content1797"> 
content 
</div> 

Answer 1

난 당신이 조금 더 쉽게 인생을 만들기 위해 세트의 ID를 저장하는 data-* 속성을 사용하는 것이 좋습니다, 어쩌면 또한 그 라디오 버튼을 공통 클래스 제공 : 모든 당신을

<input ... class="someClass" ... data-id="1797" ... /> 

을 해야 할 일 :

$('.someClass').change(function() { 
    if(this.checked) { 
     $('#my_content' + $(this).data('id')).toggle(this.value !== 'n'); 
    } 
}); 

Answer 2

난 당신이 jQuery를 토글() 메소드를 원하는 생각합니다. 당신은 라디오를 추가 진술 후이를 포기해야

$("input[value!='n']").parent().show(); 

제공

http://api.jquery.com/toggle/

onclick="$('#my_content<%=record_id%>').toggle(this.checked);" 

Answer 3

당신은

$("input[value='n']").parent().hide(); 

가 표시하려면이 문을 사용하여 부모 사업부를 숨길 수 있습니다 버튼을 동적으로 변경하고 라디오 입력의 변경 핸들러에서도 사용할 수 있습니다. 이 명령.을 함수에 넣고 호출 할 수 있습니다.

div가 상위가 아닌 경우 http://api.jquery.com/closest/도 시도해보십시오. 또한 부모를 선택합니다.

$("input[value='n']").closest(...).hide();