一些工作中用到的前端js方法

1.判断字符是否为空的方法

function isEmpty(obj) {
    if (typeof obj == "undefined" || obj == null || obj == "") {
        return true;
    } else {
        return false;
    }
}

2.下拉回显,传值:下拉的id、要回显的值

function select(sel, data) {
    // sel代表的是<option></option>,对option再进行遍历
    $("#" + sel).children("option").each(function () {
        // 判断需要对那个选项进行回显
        if (this.value == data) {
            // 进行回显
            $(this).attr("selected", "selected");
        }
    });
}

3.指定日期天數后的日期

function addDays(date, days) {
    var dd = new Date(date);
    dd.setDate(dd.getDate() + days);
    var y = dd.getFullYear();
    var m = (dd.getMonth() + 1) < 10 ? "0" + (dd.getMonth() + 1) : (dd.getMonth() + 1); //获取当前月份的日期,不足10补0
    var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate(); //获取当前几号,不足10补0
    return y + '-' + m + '-' + d;
}

4.多选回显,参数:所有选中的值;多选的id;多选的值

function showChecked(classVal, idVal, value) {
    if (classVal.indexOf(value) != -1) {//包含
        $("#" + idVal).attr("checked", "checked");
    }
}

5.name类型的多选回显,参数:name值,所有选中的值

function showCheckBoxChecked(name,val){
    var rehabilitationProject = val;
    var rehabilitationProjectArr = rehabilitationProject.split(",");
    $("input[name='"+name+"']").each(function () {
        for(var i=0;i<rehabilitationProjectArr.length;i++) {
            if($(this).val() == rehabilitationProjectArr[i]){
                $(this).prop("checked",true);
            }
        }
    });
}

6.单选回显,参数:name值,数据库中的值

function showRadioChecked(name,val){
    $("input:radio[name='"+name+"']").each(function(){
        var str=$(this).val();
        if(str==''+val+''){
            $(this).prop("checked",true);
        }
    })
}

7.传入输入框的id和下拉框的id,使得下拉框选择完输入框同步绑定值(可选择可搜索可输入的下拉)

function editSelect(val, select) {
    layui.use(['form', 'layer', 'tree', 'laydate', 'upload'], function () {
        var form = layui.form
        layer = parent.layer === undefined ? layui.layer : top.layer,
            laypage = layui.laypage,
            upload = layui.upload,
            layedit = layui.layedit,
            laydate = layui.laydate,
            $ = layui.jquery;
        selectInput();

        function selectInput() {
            form.on('select(' + select + ')', function (data) {   //选择 赋值给input框
                var select_text = data.elem[data.elem.selectedIndex].text;
                $("#" + val + "").val(select_text);
                $("#" + select + "").next().find("dl").css({"display": "none"});
                form.render();
            });
            $('#' + val + '').bind('input propertychange', function () {
                var value = $("#" + val + "").val();
                $("#" + select + "").val(value);
                form.render();
                $("#" + select + "").next().find("dl").css({"display": "block"});
                var dl = $("#" + select + "").next().find("dl").children();
                var j = -1;
                for (var i = 0; i < dl.length; i++) {
                    if (dl[i].innerHTML.indexOf(value + "") <= -1) {
                        dl[i].style.display = "none";
                        j++;
                    }
                    if (j == dl.length - 1) {
                        $("#" + select + "").next().find("dl").css({"display": "none"});
                    }
                }
            });
        }
    })
}

8.页面打开光标定位到某输入框

setTimeout(function () {
        var onFocus = document.querySelector('.test');//这里是输入框的class或者id
        onFocus.focus();
    },500)

9.监听回车按钮

 $(document).keydown(function(event){
        if(event.keyCode==13){
            $("#test").click(); //这里写你回车按下后你想触发的操作
        }
    });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值