jquery - 当使用 Laravel 取消选择另一个框时，取消选择“全选”复选框。

Question

试图通过实现导出到 pdf(barryvdh) 来改进 CRUD。一切正常，但我想改变一下。管理员可以选择他们想要导出的列。

我创建了复选框，我的复选框是：“全选”“第 1 列”“第 2 列”。当我选中“全选”时，“第 1 列”“第 2 列”都将被选中，但是当我取消选中“第 1 列”时，“全选”将被取消选中

我找到了这个 http://jsfiddle.net/rupakdas85/nnwupsck/ 并尝试使用 laravel 将它放入我的应用程序中，但它没有工作，但是当我将它放入我的 CI 应用程序时它工作。

注意：我还检查了控制台，没有错误并删除了 jquery.min.js 它仍然无法正常工作。

问题：当我在 Laravel 应用程序中应用 jquery 时，为什么它不起作用？

布局

// Header code
<!-- Scripts -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="{{ asset('js/app.js') }}" defer></script>
     <script type="text/javascript">
        $("#checkAll").change(function () {
            $("input:checkbox.cb-element").prop('checked', $(this).prop("checked"));
        });
        $(".cb-element").change(function () {
                _tot = $(".cb-element").length                        
                _tot_checked = $(".cb-element:checked").length;

                if(_tot != _tot_checked){
                    $("#checkAll").prop('checked',false);
                }
        });

    </script>

.....

索引刀片

@extends('layouts.post')

@section('content')
<div class="col-md-12">
    <div class="card">
    <div class="card-header text-white bg-primary">MY POST</div>
        <div class="card-body">
            <a class="btn btn-primary" href="{{ route('posts.create') }}">Add Post</a>

            <input type="checkbox" id="checkAll"/> ALL

<br />

<input type="checkbox" class="cb-element" /> Checkbox  1
<input type="checkbox" class="cb-element" /> Checkbox  2
<input type="checkbox" class="cb-element" /> Checkbox  3

标签： jquerylaravelexport-to-pdf