• Easyui 常用语法-Checkbox


    1.Checkbox隐藏与显示

    $(function () {
                $("input").on("click", function () {
                    var other = document.getElementById("").value;
                    //alert(other);
                    //alert(txt);
                    if (other != "on") {
                        $("#").next().hide();
                        //txt = "block";
                        alert(other + "11111");
                        alert(txt + "11111");
                    }
                }
               )
            })

    2.Checkbox Change事件

    $(function () {
                $("#").change(function () {
                    var val = $(this).prop("checked");
                    if (val)
                    {
                        alert(val);
                        $("#").attr("disabled", true);
                        $("#").attr("disabled", true);
                        $("#").attr("disabled", true);
                        $("#").attr("disabled", true);
                        $("#").attr("disabled", true);
                        $("#").next().hide();
                    }
                    else
                    {
                        alert(val+"11111111111");
                        $("#").attr("disabled", false);
                        $("#").attr("disabled", false);
                        $("#").attr("disabled", false);
                        $("#").attr("disabled", false);
                        $("#").attr("disabled", false);
                        $("#").attr("disabled", false);
                        $("#").next().hide();
                    }
                });

    2.Checkbox 禁止多选
            $(function () {
                $("#").change(function () {
                    //var id = document.getElementsByName("").constructor;
                    var val = $(this).prop("checked");
                    if (val) {
                        var = $('input[name=]').val();
                        //$('input[name=]').attr("disabled", true);
                        $("input[name=]").prop("disabled", true);
                        $("input[name=]").prop("disabled", true);
                        $("input[name=]").prop("disabled", true);
                        $("input[name=]").prop("disabled", true);
                        $("input[name=]").prop("disabled", true);

                        $("#").next().show();
                        $('#').textbox('readonly', false);
                        $("#").textbox({ required: true });
                        $('#').checkbox('disableValidation')//在弹出窗体的方法里先去除验证的样式
                        $('#').checkbox('enableValidation')//在保存的方法里再加上需要验证的样式
                    }
                    else {
                        $("input[name=]").prop("disabled", false);
                        $("input[name=]").prop("disabled", false);
                        $("input[name=]").prop("disabled", false);
                        $("input[name=]").prop("disabled", false);
                        $("input[name=]").prop("disabled", false);
                        $("input[name=]").prop("disabled", false);
                        $("#").next().hide();
                        //$("#").("disabled", true);
                        $('#').textbox('readonly', true);
                        $("#").textbox({ required: false });
                        $("#").textbox({ required: false });
                        $("#").textbox('setValue', '')//清空文本框
                    }
                });
            })    

    3.Checkbox 只能选择一个

    $(function checkCheckBox() {
                $('#').find('input[id=]').bind('click', function () {
                    var id = $(this).attr("id");
                    var name = $(this).attr("name");
                    if (name == "" || name == "" || name == "" || name == "") {
                        $("#").textbox({ required: false });
                    }
                    else {
                        $("#").textbox({ required: true });
                    }
                    //当前的checkbox是否选中
                    if (this.checked) {
                        //除当前的checkbox其他的都不选中
                        $("#fm").find('input[id=]').not(this).attr("checked", false);
                        //选中的checkbox数量
                        var selectleng = $("input[id='']:checked").length;

                        console.log("选中的checkbox数量" + selectleng);
                    } else {
                        //未选中的处理
                        console.log("未选中的处理");
                    }
                });
            })

  • 相关阅读:
    【C++基础】6. 常量
    杂记,主要包含各种锁
    2020-RKT
    Kotlin-Java 互操作指南
    05、Python 简单计算器和进制转换
    ssm+vue的药品管理系统(有报告)。Javaee项目,ssm vue前后端分离项目。
    KMP,ACM集训
    Innodb底层原理与Mysql日志机制深入剖析
    【Mybatis笔记】狂神Mybatis笔记(有道云笔记链接)
    UI设计指南之可视化大屏【快速理解版】
  • 原文地址:https://blog.csdn.net/po_xiao_/article/details/126506102