728x90
반응형
JavaScript & jQuery 체크박스(Checkbox) 체크 여부 및 확인방법
- 예제 코드 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="checkbox" name="checkList" id="checkList">
</body>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
$('#checkList').click(function() {
let checkList = $('#checkList').prop('checked');
if (checkList) {
console.log(checkList, '체크됨');
} else {
console.log(checkList, '체크해제됨');
}
});
</script>
</html>jQuery를 사용하여 체크 박스를 클릭했을시 체크 유무를 알 수 있습니다!
결과값
728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] Uncaught TypeError: check.test is not a function 정규식 에러 발생시 (0) | 2022.03.22 |
|---|---|
| [JavaScript & jQuery] 비밀번호(password) 유효성 검사 정규식! (0) | 2022.03.21 |
| [JavaScript] 현재 날짜와 시간 함수 사용법 new Date() - 년, 월, 일, 시, 분, 초 (0) | 2022.02.08 |
| [JavaScript] Prompt() 함수로 입력창 띄우기 & 텍스트 출력 하기!! (0) | 2021.08.12 |
| [JavaScript] 현재 디스플레이 해상도 출력하기 !! (0) | 2021.08.08 |
댓글