테스트 사이트 - 개발 중인 베타 버전입니다

[자바스크립트] 라디오버튼 체크 해제 채택완료

JinyeongJang 6년 전 조회 5,176

자바스크립트, 제이쿼리 질문입니다. 

 

라디오 버튼을 해제시키려 합니다. 그런데 안먹히네요. 

라디오 버튼을 한번클릭하면 checked가 되는 것은 기본적으로 되는 것이고, 

체크된 것을 한번 더 클릭하면 체크해제가 되도록 하려합니다. 구글링을 통해 이러저리 알아봐도 코드가 안먹히네요..ㅠ 체크된 것을 다시 체크했을때, alert('이미 클릭되어있습니다'); 로 확인하면 alert가 먹히는 걸로 봐서, $(this).prev().is(":checked") 는 정상적으로 true or false로 정상 인식되는 것 같습니다. 

 

그런데, 라디오버튼 해제하는게 안먹히네요.. 조언좀 부탁드립니다..ㅠ

 

 

</p>

<p><div class="rnm_af_eli_2" id="checknow"></p>

<blockquote>
<p><input type="radio" name="aa" id="aa1" value="사과"/></p>

<p><label for="aa1">사과</label></p>

<p><input type="radio" name="aa" id="aa2" value="딸기"/></p>

<p><label for="aa2">딸기</label></p>
</blockquote>

<p></div></p>

<p> </p>

<p><script></p>

<p>$('#checknow').on('click', 'label', function(){</p>

<p>        if( $(this).prev().is(":checked") ){</p>

<p>            $("input:radio[name='aa']").prop("checked", false);</p>

<p>        }</p>

<p>});</p>

<p></script></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
SNS박스
6년 전

라디오 버튼은 재클릭으로 해제가 기본적으로 되질 않습니다. 

같은 이름 또는 아이디의 다른 항목을 선택해야 해제가 됩니다. 

 

클릭 선택, 클릭해제를 구현하려면 체크박스로 진행하셔야 될것 같습니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

J
JinyeongJang
6년 전
아 그렇군요. 하나만 선택하려고 해서 라디오버튼을 넣으려 했는데. 체크박스로 하나만 선택되도록 구현을 해야하는군요..ㅠ 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인