jQuery

jQuery checkbox 전체선택 선택여부 선택값

은둔한량 2023. 9. 1. 09:44
반응형

jquery checkbox 전체선택

$(document).ready(function(){
	$("#checkAll").click(function(){
		if($(this).is(":checked")) {
			$("input[name='checkbox_name']:checkbox").prop("checked",true);
		} else {
			$("input[name='checkbox_name']:checkbox").prop("checked",false); 
		} 
	})
});

 

jquery checkbox 선택 여부 체크

function checkboxCheck(){
	if($("input[name='checkbox_name']:checkbox:checked").length < 1) {
		alert('체크박스를 선택해주세요.');
		return;
	}
}

 

jquery checkbox 선택된 값

var value_list = '';
$("input[name='checkbox_name']:checked").each(function(){ 
	var checked_value = $(this).val();
    if (value_list != '') value_list += ', ';
    value_list += $(this).val();
	//value_list.push(checked_value);
});
alert(value_list);

 

 

반응형