复选框选择所有复选框Laravel

时间:2020-01-16 08:36:09

标签: php html laravel

这是我的问题:

在PHP Laravel中,我有一个foreach循环,该循环在屏幕上显示消息,包括一个复选框。每个消息都有其自己的复选框。在所有消息的顶部,我还有一个复选框。我想为该复选框分配一个功能,以检查所有复选框。我知道这个问题过去曾被问过,但不幸的是这些答案对我没有用。有人对我有解决办法吗?

我正在使用:Laravel,Inspinia,Bootstrap 4

谢谢!

这是我的代码:

make menuconfig

1 个答案:

答案 0 :(得分:0)

您可以在jquery

中进行操作

第一步
改变这个

//select all checkboxes
<th><input type="checkbox" class=""/></th>

对此

//select all checkboxes
<th><input type="checkbox" class="check_all"/></th> //just added a class to this element

第二步
将class_name添加到您所有的<input type="checkbox"> 我的意思是将<input type="checkbox" id="message_{{$message->id}}" name="message" value="{{$message->id}}">更改为<input type="checkbox" id="message_{{$message->id}}" name="message" value="{{$message->id}}" class="custom_name">

注意: be sure that all your checkboxes has one class_name instead the one witch if we click it others checked!


第三步
将此添加到页脚

<script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>
<script>
    $(".check_all").on("click", function(){
        $(".custom_name").each(function(){
            $(this).attr("checked", true);
        });
    });
</script>

我为您工作...

相关问题