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

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

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

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

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

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

检索复选框值的最佳方法如下所示

if ( elem.checked ) 
if ( $( elem ).prop( "checked" ) ) 
if ( $( elem ).is( ":checked" ) ) 

正如jQuery网站上的官方文档所解释的那样。其余的方法与复选框的属性无关，它们正在检查属性，这意味着它们正在测试加载复选框时的初始状态。简而言之:

当你有一个元素，你知道它是一个复选框，你可以简单地读取它的属性，你不需要jQuery(即element .checked)，或者你可以使用$(elem).prop("checked")，如果你想依赖jQuery。 如果你需要知道(或比较)元素第一次加载时的值(即默认值)，正确的方法是element . getattribute ("checked")或element .prop("defaultChecked")。

请注意，element .attr("checked")只有在jQuery 1.6.1+版本之后才会被修改，以返回与element .prop("checked")相同的结果。

有些答案是误导或不准确的，请自己检查以下内容:

http://api.jquery.com/prop/

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

简单但有效，并假设你知道会找到复选框:

$("#some_id")[0].checked;

给真/假

澄清一下:

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

将返回true或false

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