반응형
라디오 버튼 선택 값을 이전 선택 값으로 되돌려보자
라면/피자 라디오 버튼이 있다.
값을 선택했을때 "변경하시겠습니까?"라는 확인창이 뜨는데
확인을 선택 시 해당 선택 값으로 변경되고, 취소를 선택시 선택 값이 변경되지 않고 기존 값으로 유지된다.
012345
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
//이벤트 발생 전 선택된 값
var preValue = $("input[name='radio_like']:checked").val();
//클릭 이벤트 발생
$("input[name='radio_like']").click(function() {
if(confirm("변경하시겠습니까?") == false) {
//체크 해제
$(this).prop('checked', false);
//이전 라디오버튼 체크
$("input[name='radio_like']:radio[value='" + preValue + "']").prop('checked', true);
return;
}
preValue = $(this).val();
});
});
</script>
</head>
<body>
<input type="radio" name="radio_like" value="noodle" checked/>라면
<input type="radio" name="radio_like" value="pizza" />피자
</body>
</html>
반응형
'프로그래밍 > jQuery' 카테고리의 다른 글
| [jQuery] ajax로 불러온 엘리먼트의 이벤트가 작동되지 않을 때 해결방법 (0) | 2019.11.11 |
|---|---|
| [jQuery] bind(), unbind(), on(), off() 이벤트 등록 및 해제 (0) | 2019.10.21 |
| [jQuery] ajaxStart, ajaxStop 실행 및 특정 ajax에서는 실행되지 않도록 설정 (1) | 2019.10.08 |
| [jQuery] document ready, window load (0) | 2019.10.06 |
| [jQuery] 특정 문자 시작, 포함, 제외하는 class 찾기 (0) | 2019.09.25 |
