Easyui 常用语法-Checkbox

32 篇文章 0 订阅
10 篇文章 0 订阅

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("未选中的处理");
                }
            });
        })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值