jQuery 关灯开灯操作，复选框，选中不选中操作

最新推荐文章于 2020-12-22 19:51:11 发布

十年河东，十年河西，莫欺骚年穷

最新推荐文章于 2020-12-22 19:51:11 发布

阅读量231

点赞数 1

分类专栏： jquery

本文链接：https://blog.csdn.net/weixin_41600552/article/details/98879574

版权

jquery 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

 // 给 i 标签添加样式开灯光灯效果
            $('i').click(function () {
                if ($(this).hasClass("m-checked checked")) {
                    $(this).removeClass("checked")
                    $("#checkboxOnclick").prop('checked', false);
                } else {
                    $(this).addClass("m-checked checked");
                }
            });

 //checkbox  选中和取消选中事件
            $("#checkboxOnclick").on("click", function () {
                if ($(this).is(":checked")) {
                    $("i").addClass("m-checked checked");
                } else {
                    $("i").removeClass("checked");
                }
            });