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>

.....

index.blade

@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

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

0 个答案: