在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
});

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

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

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

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

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

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

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

你可以用下面的。经过测试，它工作正常。

$('#checkbox_id').is(":checked"); // jQuery

如果选中复选框，则返回true，反之亦然。

下面的代码片段适用于任何试图用JavaScript做同样事情的人。

document.getElementById("checkbox_id").checked //JavaScript

如果选中复选框，则返回true

<script type="text/javascript">
$(document).ready(function(){
    $('.laravel').click(function(){
        var val = $(this).is(":checked");
        $('#category').submit();
    });
});

<form action="{{route('directory')}}" method="post" id="category">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input name="category" value="{{$name->id}}"  class="laravel" type="checkbox">{{$name->name}}
                      </form>

$('.class[value=3]').prop('checked', true);

澄清一下:

$('#checkbox_ID').is(":checked")

将返回true或false