-체크하기

$("input:checkbox[id='ID']").prop("checked", true);        // id 

$("input:checkbox[name='NAME']").prop("checked", true);   //name

-체크풀기

$("input:checkbox[id='ID']").prop("checked", false);        // id  

$("input:checkbox[name='NAME']").prop("checked", false);   //name

 

-체크 여부 확인

$("input:checkbox[id='ID']").is(":checked") == true : false             // id 

$("input:checkbox[name='NAME']").is(":checked") == true : false   //name



체크박스 배열처리, 변수 하나에 담기

참고: https://neptune297.tistory.com/60

'* Programming > JQuery' 카테고리의 다른 글

삼항연산자  (0) 2019.11.19
Select Box 제어  (0) 2019.11.11
문자열 제거 이벤트  (0) 2018.08.09
날짜(datepicker) 시작일 종료일  (0) 2018.06.15
세션 SET, GET, REMOVE  (0) 2018.05.24
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head></head>
<body>
  <h1>회원가입</h1>
  <form action="ex01.html">
   id:<input type="text" size="10"><br>
   pw:<input type="password" maxlength="5"><br>
   
   취미:
    <select>
          <option>농구</option>
          <option selected="selected">배구</option>
          <option>야구</option>
    </select><br>
    
     관심사:
     <input type="checkbox">java
     <input type="checkbox" checked="checked">web
     <input type="checkbox">spring
   <br>
   
   하나만 선택:
   <input type="radio" name="red">java
   <input type="radio" name="red" checked="checked">spring
   <input type="radio" name="red">web<br>
   <input type="file">file
   <br>
   <textarea rows="5" cols="10"></textarea>
   <br>
   <input type="submit" value="입력">
   <input type="reset" value="취소">
  </form>
  
</body>
</html>
cs




+ Recent posts