그러냐

checkbox all checked 본문

jquery

checkbox all checked

관절분리 2016. 7. 7. 17:39
반응형

// 체크 박스 모두 체크

$("#checkAll").click(function() {

$("input[name=box]:checkbox").each(function() {

$(this).attr("checked", true);

});

});

 

// 체크 박스 모두 해제

$("#uncheckAll").click(function() {

$("input[name=box]:checkbox").each(function() {

$(this).attr("checked", false);

});

});

 

// 체크 되어 있는 값 추출

$("#getCheckedAll").click(function() {

$("input[name=box]:checked").each(function() {

var test = $(this).val();

console.log(test);

});

});

 

 

 

 

 

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>

 <script type="text/javascript"> 

$(function(){  $("#allchk").click(function(){  if($("#allchk").prop("checked")) {  $("input[type=checkbox]").prop("checked",true); } else {  $("input[type=checkbox]").prop("checked",false);  } })})

</script>

 

 

 

function allchk(){ if ($("input:checkbox[id='allcheckbox']").is(":checked")){ $(".chkbox_group").attr("checked", true); }else{ $(".chkbox_group").attr("checked", false); } }

 

 

 

스크립트로는 아래와 같이 가능

		function allchk(ts){
			var n_obj = document.getElementsByName("chk_fctr");
			if (ts.checked==true){	
				for (var i = 0; i< n_obj.length ; i++){
					n_obj[i].checked = true;
				}
			}else{
				for (var i = 0; i< n_obj.length ; i++){
					n_obj[i].checked = false;
				}
			}
		}
반응형