jQuery กับ Checkbox เทคนิคเล็กๆ กับการใช้ jquery กับ checkbox แบบง่ายๆ

$("#checkbox-id")

$("input[type='checkbox']")

$("input:checkbox")

if($("#chk1").prop("checked"))
{
	alert('Is checked');
}
else
{
	alert('Un checked');
}

$("#chk1")$(this).prop('checked', true); // Checked
$("#chk2")$(this).prop('checked', false); // Un Checked

$("input[type='checkbox']").each(function () {
	alert($(this).attr('id'));
});

<form action="" method="post" name="frmMain" id="frmMain">
	<input type="checkbox" id="chk1" name="chk1" value="1"> Checkbox 1<br />
	<input type="checkbox" id="chk2" name="chk2" value="2"> Checkbox 2<br />
	<input type="checkbox" id="chk3" name="chk3" value="3"> Checkbox 3<br />
	<input type="checkbox" id="chk4" name="chk4" value="4"> Checkbox 4<br />
	<input name="submit" type="submit" value="submit" />
</form>

<script type="text/javascript">
	$(document).ready(function(){

		$("#frmMain").submit(function(){
		
			$("input[type='checkbox']").each(function () {
				if($(this).prop("checked"))
				{
					alert($(this).attr('id') + ' is Checked');
				}
				else
				{
					alert($(this).attr('id') + ' Un Checked');
				}
			});

		});

	});
</script>

 var numChecked = $("input:checkbox:checked").length;

$("input:checkbox:checked").each(function () {
	alert($(this).attr('id'));
});

$("input:checkbox:not(:checked)").each(function () {
	alert($(this).attr('id'));
});