CHECKBOX 응용 기능

체크, 체크된 값 읽어오기

$("#chkChecked").is(":checked") == true : false $("#chkChecked").prop("checked", true); $("input[type=checkbox]").prop("checked",true);//전체 체크  

체크박스에서 체크된 것들만 잡아야 할 때

function fnDelete() { //체크된 것이 있는지 검사 if ($("input:checkbox[name=delitem]:checked").length > 0) { var strData = ""; $("input:checkbox[name=delitem]:checked").each(function (i) { strData += $(this).get(0).cbvalue + ","; }); //alert($("input:checkbox[name=delitem]:checked").length); alert(strData); }  

여러 개의 체크 박스 중 체크된 것만 불러오기

function fnAllChk(gubun, type) { var cnt = 0; var des = ""; var des_d = ""; $("input:checkbox[name=Chks_chk]:checked").each(function(i) { cnt = cnt + 1; } }

 

체크박스그룹을 배열로 사용

if($("input:checkbox[name=chk]")[row-1].checked == true) { var cnt = $('#hdnAllCnt').get(0).value == "0" ? 0 : $('#hdnAllCnt').get(0).value ; cnt++; if (cnt > 50) { alert("<%=string.Format(GetResourceMessage("MSG02158"),50)%>"); $("input:checkbox[name=chk]")[row-1].checked =false; return; } }  

한줄로 전체 체크하기 

$("#cbMsgAllCheck").change(function (e) { //전체 체크 $("#grdMsg").find("input[type='checkbox']").attr("checked", $(this).attr("checked") ? true : false); });  

이벤트 걸기 

$("input[type='checkbox'][name='AllCheckF']", this).live("click", function (e) { //전체 체크 처리 $("input[type='checkbox'][name='RowCheckF']:not(:hidden)", Helper._this).attr("checked", $(this).attr("checked") ? true : false); });  

체크박스 체크된거 조회 

$("input[type='checkbox'][name='RowCheck']").each(function () { if ($(this).attr("checked") == "checked") { cnt += 1; key = $(this).attr("REQ_SEQ") } });  

disabled된거 제외하고 전체 체크할 때 

$(":not(:checkbox[disabled='disabled']):checkbox[type='checkbox']").attr("checked", $(this).attr("checked") ? true : false);  

여러개의 체크박스중에 체크된 애들만 골라올 때 tBody는 체크박스 그룹이 있는 상위 태그

$('#tBody input:checked').each(function (e) {}  

전체 체크 하기

$("#check_all").click(function(){ var chk = $(this).is(":checked");//.attr('checked'); if(chk) $(".select_subject input").prop('checked', true); else $(".select_subject input").prop('checked', false); }); <input type='checkbox' id='chkAll' />전체선택 <ul class='select'> <input type='checkbox' value='1' />no1 <input type='checkbox' value='2' />no2 </ul>