layui 穿梭框左右边的框实现单选

Izrj

已于 2022-04-21 11:18:03 修改

阅读量1.6k

点赞数 1

分类专栏： layui jquery 文章标签： layui jquery

于 2022-04-20 09:28:54 首次发布

本文链接：https://blog.csdn.net/i_tenkai/article/details/124289520

版权

jquery 同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

layui

3 篇文章 0 订阅

订阅专栏

此博客探讨了如何在表单中实现一个功能，当右侧和左侧的复选框被同时选中时，会阻止操作并强制单个选项。通过JavaScript判断当前单元格所在的层级，并根据条件取消其他已选框，确保用户只能独立处理一个待处理框。

摘要由CSDN通过智能技术生成

  form.on('checkbox(layTransferCheckbox)', function (data) {
  				// 1位右边 ,0 为左边
                if (data.othis.parent().parent().parent().attr('data-index') == 1 && data.elem.checked) {
                    var leftLength = $(data.othis.parent().parent().parent()).find('[name="layTransferLeftCheck"]:checked').length;
                    var regihtLength = $(data.othis.parent().parent().parent()).find('[name="layTransferRightCheck"]:checked').length;
                    length = leftLength + regihtLength;
                    if (length >= 2) {
                        //layer.msg('待处理框只能单个操作.');
                        $('[name="layTransferLeftCheck"]').prop("checked", false);
                        $('[name="layTransferRightCheck"]').prop("checked", false);
                        $(data.othis).prev().prop("checked", true);
                        form.render('checkbox');
                        return false;
                    }