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

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

对于多于1个复选框，总是使用命名数组，如下例所示的国家，因为你知道国家可以选择多个，所以我使用name=" nations[]"，而勾选复选框，你必须引用它的名字，如下例所示

var selectedCountries = ["Pakistan", "USA"]; $(document).ready(function () { $.each(selectedCountries, function (index, country) { $(`input[name='countries[]'][value='${country}']`).attr('checked', 'checked'); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p> <input type="checkbox" name="countries[]" value="Pakistan"> Pakistan </p> <p> <input type="checkbox" name="countries[]" value="India"> India </p> <p> <input type="checkbox" name="countries[]" value="USA"> USA </p>

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

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

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

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

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

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

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

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

form.querySelector(":checked").value

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