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

form.querySelector(":checked").value

下面是如何获取所有选中复选框的值作为数组:

var values = (function() {
                var a = [];
                $(".checkboxes:checked").each(function() {
                    a.push(this.value);
                });
                return a;
            })()

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

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

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

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

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

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

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

//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

例子 演示

$("input[name='gender']:checked").val();

这适用于我的情况，任何寻找简单方法的人都必须尝试这种语法。 谢谢

请注意，截至今天，2018年，由于api多年来不断变化。 removeAttr已被撤销，不再工作!

Jquery选中或取消选中复选框:

糟糕，再也不能工作了。

   $('#add_user_certificate_checkbox').removeAttr("checked");

   $('#add_user_certificate_checkbox').attr("checked","checked");

相反，你应该这样做:

      $('#add_user_certificate_checkbox').prop('checked', true);
      $('#add_user_certificate_checkbox').prop('checked', false);