본문 바로가기
Programming/JavaScript

[jquery] jquery 로 체크박스 리스트의 체크된 값들 가져오기

by 막이 2013. 9. 13.
<form name="form1">
< input type="checkbox" name="chkList" value="1" />
< input type="checkbox" name="chkList" value="2" />
< input type="checkbox" name="chkList" value="3" />
< /form>

< input type="button" value="수정" onclick="go_modify();" />
< input type="button" value="삭제" onclick="go_delete();" />

< script type="text/javascript">
function go_modify(){
if( $(":checkbox[name='chkList']:checked").length!=0 ){
alert("수정할 항목을 하나만 체크해주세요.");
return;
}
}
function go_delete(){
if( $(":checkbox[name='chkList']:checked").length==0 ){
alert("삭제할 항목을 하나이상 체크해주세요.");
return;
}
}
function get_chked_values(){
var chked_val = "";
$(":checkbox[name='chkList']:checked").each(function(pi,po){
chked_val += ","+po.value;
});
if(chked_val!="")chked_val = chked_val.substring(1);
return chked_val;
}
< /script>

$(":checkbox[name='chkList']:checked") 이 jquery 구문에서, :checkbox 는 체크박스

컨트롤을 지정하고, [name='chkList'] 는 name 속성이 chkList 인 항목들을 지정합니다.

:checked 는 체크박스 중에서 체크된 대상들만을 지정합니다.


'Programming > JavaScript' 카테고리의 다른 글

ajax 사용법  (0) 2013.11.08
동적 폼 추가 삭제  (0) 2013.10.30
자바스크립트로 파일 용량 체크하기  (0) 2013.08.29
opener  (0) 2012.11.07
Array() 함수의 매개 변수에 따른 차이  (0) 2012.09.19