代码之家 › 专栏 › 技术社区 › BTW8892

Javascript-基于数组值选中/取消选中复选框

checkbox laravel-5 laravel arrays javascript

BTW8892 · 技术社区 · 7 年前

我正在为我的项目开发一个laravel用户管理系统,允许管理员编辑在网站上注册的选定用户。“编辑”按钮打开一个包含用户信息的模式表单,其中包括特定网站权限的复选框。

我通过数据参数传递权限信息,如果角色名称包含在角色数组中,则权限复选框将设置为“选中”。使用单个权限时,一切都会正常工作,但只要我查看了具有多个权限的用户,在刷新页面之前,每个用户的复选框都会保持选中状态。

我的代码如下:

<a href="#" class="btn btn-edit" data-toggle="modal" data-target="#editModal" data-username="{{ $user->username }}" data-permissions="{{ $user->roles->pluck('name') }}" id="editUser">Edit</a>

sdfsdfsdf

    <script type="text/javascript">
        $(document).on('click', '#editUser', function() {
            $('#edit-username').val($(this).data('username'));
                var userPerms = $(this).data('permissions');

                if (userPerms.includes('Admin'))
                {
                    document.getElementById("edit-admin_perm").checked = true;
                }

                if (userPerms.includes('Captain'))
                {
                    document.getElementById("edit-captain_perm").checked = true;
                 }

          });
     </script>

我不确定是否有方法“清除”每个按钮上的数据,单击打开模式,或者是否有其他方法。但经过近一个小时的搜索,我空手而归。

任何帮助都将不胜感激!

1 回复 | 直到 7 年前

IVleafclover 7 年前

如果用户没有权限,则必须取消选中复选框。最简单的方法是在单击按钮后取消选中所有复选框。如果未选中所有复选框,则可以使用算法选中用户有权限的所有复选框。

您的代码应该如下所示。

$(document).on('click', '#editUser', function() {

        // uncheck all checkboxes before setting the one with permissions to "checked"
        document.getElementById("edit-admin_perm").checked = false;
        document.getElementById("edit-captain_perm").checked = false;

        $('#edit-username').val($(this).data('username'));

推荐文章

Kostya Bronshteyn · Laravel在安装示例应用程序后无法运行web服务器

11 月前