선택하지 않은 라디오 버튼과 관련 텍스트가 사라지나요?

Question

같은 이름을 가진 3 개의 라디오 버튼 2 세트가 있다고 가정 해보십시오. 이름을 "set1"및 "set2"로 지정 합니다.

내가 원하는 것은 1입니다. 사용자가 내 CallFunction() 버튼을 누르면 모든 라디오 버튼이 사라지거나 클릭 취소 될 수 있고 2 : 선택되지 않은 옵션 텍스트 (HTML의 라디오 오른쪽)는 사라지게됩니다. 사용자가 선택한 선택 항목이 계속 표시됩니다.

도와주세요, 나는 ...이 getElementByIds의 말도 안되는 금액없이 불가능하다 생각하는

를 시작 해요 ... 아니면 같은 페이지 아이디어를 포기하고 제출을 사용해야 만 하는가?

Answer 1

어때? http://jsfiddle.net/yyACY/

HTML

<input type="button" id="butt" value="CallFunction() :P" /> 
<div id="rads"> 
    <input type="radio" class="rad" name="set1" value="1" /><span class="set1">1</span><br /> 
    <input type="radio" class="rad" name="set1" value="2" /><span class="set1">2</span><br /> 
    <input type="radio" class="rad" name="set1" value="3" /><span class="set1">3</span><br /><br /> 
    <input type="radio" class="rad" name="set2" value="1" /><span class="set2">1</span><br /> 
    <input type="radio" class="rad" name="set2" value="2" /><span class="set2">2</span><br /> 
    <input type="radio" class="rad" name="set2" value="3" /><span class="set2">3</span><br /><br /> 
</div> 

자바 스크립트 (jQuery를)

$("#butt").click(function(){ 
    $("#rads").css('display', 'none'); 
}); 

$(".rad").click(function(){ 
    var spans = "." + $(this).attr("name"); 
    $(spans).css('display', 'none'); 
    $(this).next().css('display', ''); 
});