//By each()
var testval = [];
 $('.hobbies_class:checked').each(function() {
   testval.push($(this).val());
 });


//by map()
var testval = $('input:checkbox:checked.hobbies_class').map(function(){
return this.value; }).get().join(",");

 //HTML Code

 <input type="checkbox" value="cricket" name="hobbies[]"  class="hobbies_class">Cricket 
  <input type="checkbox" value="hockey" name="hobbies[]" class="hobbies_class">Hockey

例子 演示

在jquery中获取checkboxex的值:

var checks = $("input[type='checkbox']:checked"); // returns object of checkeds.

for(var i=0; i<checks.length; i++){
    console.log($(checks[i]).val()); // or do what you want
});

在pure js中:

var checks = document.querySelectorAll("input[type='checkbox']:checked");

for(var i=0; i<checks.length; i++){
    console.log(checks[i].value); // or do what you want
});

jQuery(".checkboxClass").click(function(){
        var selectedCountry = new Array();
        var n = jQuery(".checkboxClass:checked").length;
        if (n > 0){
            jQuery(".checkboxClass:checked").each(function(){
                selectedCountry.push($(this).val());
            });
        }
        alert(selectedCountry);
    });

要获取value属性的值，你可以这样做:

$("input[type='checkbox']").val();

或者如果你已经为它设置了一个类或id，你可以:

$('#check_id').val();
$('.check_class').val();

然而，无论是否检查，都会返回相同的值，这可能会令人困惑，因为它与提交的表单行为不同。

要检查是否已检查，请执行以下操作:

if ($('#check_id').is(":checked"))
{
  // it is checked
}

试试这个小方法:

$("#some_id").attr("checked") ? 1 : 0;

or

$("#some_id").attr("checked") || 0;

如果只期望选择一个子元素:

form.querySelector(":checked").value