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

 // 给 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");
                }
            });

jQuery 关灯 开灯操作,复选框,选中不选中操作_第1张图片

你可能感兴趣的:(jquery)