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 | <script> function fnGetdata(){ var obj = $("[name=SEQ_CHK]"); var chkArray = new Array(); // 배열 선언 $('input:checkbox[name=SEQ_CHK]:checked').each(function() { // 체크된 체크박스의 value 값을 가지고 온다. chkArray.push(this.value); }); $('#hiddenValue').val(chkArray); alert($('#hiddenValue').val()); // 아래 체크박스가 모두 체크되어 있다면 1,2,3,4 가 출력 된다. } </script> <body> <tr> <td> <input type="checkbox" name="SEQ_CHK" id="SEQ_CHK" value="1"/> <input type="checkbox" name="SEQ_CHK" id="SEQ_CHK" value="2"/> <input type="checkbox" name="SEQ_CHK" id="SEQ_CHK" value="3"/> <input type="checkbox" name="SEQ_CHK" id="SEQ_CHK" value="4"/> <input type="hidden" name="hiddenValue" id="hiddenValue" value=""/> </td> <td> <input type="button" name="btn" id="btn" onclick="fnGetdata();"/> </td> </tr> </body> | cs |
여러 checkBox 의 value를 배열에 담아 controller 로 넘길때 사용하면 좋을듯 하다.
'WORK > JQUERY' 카테고리의 다른 글
| ajax 호출 시 새로고침 되는 현상 (0) | 2018.12.26 |
|---|---|
| jquery disabled 처리 하기 (0) | 2018.12.21 |
| Nwagon 차트에서 multi_column 값 넣기 (0) | 2018.11.27 |
| jquery select box 제어 (0) | 2018.10.05 |
| required 기능 추가 제거 (0) | 2018.09.04 |