끄적끄적 스토리

[JavaScript] JQuery html 체크박스 체크 여부 확인 본문

웹

[JavaScript] JQuery html 체크박스 체크 여부 확인

2019_02_13 2020. 1. 17. 11:35
728x90

문뜩 웹 개발을 하다가 체크박스 체크 여부를 확인하는 코드를 종종 까먹곤 한다.

단어 하나만 쓰는 것도 아니고 좀 여러 개가 붙어있기 때문이다.

 

구글링 해서 찾아들어가면 항상 아!! 이거였지 라는 생각을 한다.

코드는 단순하다.

 

[Script]

1
2
3
4
5
6
7
8
9
<script>
    function checkbox_Check(){
        if ($("input:checkbox[name=pointCheck]").is(":checked") == true) {
                //체크가 되어있을때.    
        } else {
                //체크가 안되어있을때.
        }
    }
</script>
  

[Html]

 

1
2
3
4
5
6
7
8
9
10
11
12
<body>
    <div>
        <label>
            <input type="checkbox" name="pointCheck" id = "pointCheck" value="0" checked='checked'/> 
            벨류 0 체크박스
        </label>
        <label>
            <input type="checkbox" name="pointCheck" id = "pointCheck" value="1"/> 
            벨류1 체크박스
        </label>
    <div>
</body>
  

생각보다 쉽다.

'웹' 카테고리의 다른 글

[PHP] 문자열 안에서 원하는 단어를 찾아보자!  (0) 2020.06.03
자바스크립트 셀렉트 박스를 다양하게 제어해보자!  (0) 2020.05.08
[JavaScript] Date to timestamp 타임스탬프 값으로 변환하기  (0) 2020.03.12
[PHP] date 함수와 strtotime 함수의 기본 사용법  (0) 2020.03.12
html 글자색상 넣는법  (0) 2019.10.04
'웹' Related Articles more