라디오버튼 선택값 클리어 > 학습

본문 바로가기

사이트 내 전체검색

382,901명이 방문해 주셨습니다.

[  JAVASCRIPT  ] 라디오버튼 선택값 클리어

작성일 20-03-12 20:53

페이지 정보

작성자IPFT 조회 609회 댓글 0건

본문

라디오버튼은 on/off 토글의 기능이 아니기 때문에

선택이 되어있는 값을 클리어하려면 별도의 스크립트가 필요합니다.


<ul id="sit_use_write_siz" class="chk_box">
    <li>
        <input type="radio" name="is_siz" value="a" id="chk_siz1">
        <label for="chk_siz1"><span></span>크다</label>
    </li>
    <li>
        <input type="radio" name="is_siz" value="b" id="chk_siz2">
        <label for="chk_siz2"><span></span>알맞다</label>
    </li>
    <li>
        <input type="radio" name="is_siz" value="c" id="chk_siz3">
        <label for="chk_siz3"><span></span>작다</label>
     </li>
</ul>
<span id="clear_all_radios" onclick="sizcl_view();">Clear Selection</span>

<script>
//라디오 선택시 클리어버튼  노출
$("input:radio[name='is_siz']").click(function(){
	var sizRadi = $("input:radio[name='is_siz']:checked").length;
	if(sizRadi > 0){
		document.getElementById("clear_all_radios").style.display="block";
	}
});

//클리어버튼 클릭시 라디오 선택값 클리어
function sizcl_view(){
    document.getElementById("clear_all_radios").style.display="none";
    var siz = document.getElementsByName("is_siz");
    for(var i=0;siz.length;i++){
        if(siz[i].checked){
            siz[i].checked = false;
        }
    }
};
</script>

댓글목록

등록된 댓글이 없습니다.

Copyright © 소유하신 도메인. All rights reserved.