고정 헤더 영역
상세 컨텐츠
본문
반응형
javascript에서 삼항 연산자를 사용하는 법을 적어 보겠습니다.
제가 하고 있는 프로젝트에 체크박스 여부에 따라 값을 셋팅 하는 부분이 있는데 체크박스 체크 여부도 같이 적겠습니다.
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(document).on("click","input[name=adultYn]",function(){
var adultYn = $("input[name=adultYn]").is(":checked")?"Y":"N"; //3항연산자, checkbox 체크 여부
alert(adultYn);
});
});
</script>
</head>
<body>
<input type="checkbox" name="adultYn" value="Y" class="checkbox"/> 19금
</body>
</html>
반응형
'JavaScript & HTML' 카테고리의 다른 글
| jQuery UI datepicker 옵션들 (0) | 2015.07.24 |
|---|---|
| select 값 가져오기 (jquery) (0) | 2015.06.29 |
| jquery each break (루프 밖에서는 'break'을 사용할 수 없습니다.) (0) | 2015.06.24 |
| 마우스 오버 이미지 미리보기 (썸네일 확인) (0) | 2015.06.22 |
| jQuery Event (0) | 2015.06.18 |
댓글 영역