<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 |