«

JS控件联动清空

发布于 阅读:139 教程


PC端

$(function () {
    // 通过控件英文名称获取控件实例
    var HT90210C = mini.get('HT90210C');// 获取"出入校类型"联动控件
    var CXSJ = mini.get('CXSJ');// 获取"出校时间"输入控件
    var RXSJ = mini.get('RXSJ');// 获取"入校时间"输入控件

    // 监听控件值的改变,如果值有改变是会触发下面的函数,收到事件后处理自己的逻辑
    HT90210C.on('valuechanged', function (event) {
        var value = event.value;
        if (value === '1') {
            // value =1时,说明当前表单选择了入校,需要把出校时间设置为空
            RXSJ.setValue(new Date());
            CXSJ.setValue("");
        } else if (value === '2') {
            // value =2时,说明当前表单选择了出校,需要把入校时间设置为空
            RXSJ.setValue("");
            CXSJ.setValue(new Date());
        }
    });
});

移动端

$(function () {
    // 通过控件英文名称获取控件实例
    var HT90210C = $('#radiobuttonlist');// 获取"出入校类型"联动控件 按理说ID为HT90210C但是获取失败
    var CXSJ = $('#CXSJ');// 获取"出校时间"输入控件
    var RXSJ = $('#RXSJ');// 获取"入校时间"输入控件

    // 监听控件值的改变,如果值有改变是会触发下面的函数,收到事件后处理自己的逻辑
    HT90210C.change( function (event) {
        var value = event.target.value;
        if (value === '1') {
            // value =1时,说明当前表单选择了入校,需要把出校时间设置为空
            RXSJ.val(new Date());
            CXSJ.val("");
        } else if (value === '2') {
            // value =2时,说明当前表单选择了出校,需要把入校时间设置为空
            RXSJ.val("");
            CXSJ.val(new Date());
        }
    });
});

JS