[ 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>
댓글목록
등록된 댓글이 없습니다.