JS分别获取 input输入框 | select单选框 中的值

一、JS获取input输入框中输入的值

jsp：

<P style="font-size:16px;text-indent:2em;line-height:30px;">
    上月（前一季度）利润总额：<input type="text" name="qyjdlrzh" id="qyjdlrzh">元
</P>
<P style="font-size:16px;text-indent:2em;line-height:30px;">
    上上月利润总额：<input type="text" name="ssylrzh" id="ssylrzh">元
</P>
<P style="font-size:16px;text-indent:2em;line-height:30px;">
    上上上月利润总额：<input type="text" name="sssylrzh" id="sssylrzh">元
</P>

js：

const layer = layui.layer;
const formTest = layui.form;
let arlist = {}
$("#qyjdlrzh").on('input',function (data) {
    console.log("qyjdlrzh:"+data.delegateTarget.value)
    arlist.qyjdlrzh = data.delegateTarget.value
});
$("#ssylrzh").on('input',function (data) {
    arlist.ssylrzh = data.delegateTarget.value
});
$("#sssylrzh").on('input',function (data) {
    arlist.sssylrzh = data.delegateTarget.value
});

其中：

//输入框的值改变时触发
$("#qyjdlrzh").on('input',function (data) {
    //获取input输入的值
    console.log("qyjdlrzh:"+data.delegateTarget.value)
    arlist.qyjdlrzh = data.delegateTarget.value
});

注：可以通过是否有值来判断用户是否进行了填写；

if(!arlist.qyjdlrzh){
    layer.msg('请填写上月利润总和');
    return false
}else if(!arlist.ssylrzh){
    layer.msg('请填写上上月利润总和');
    return false
}else if(!arlist.sssylrzh){
    layer.msg('请填写上上上月利润总和');
    return false
}

二、JS获取单选框选中的值

jsp：

<select name="city" lay-filter="hySelect">
    <option value=""></option>
    <option value="0">餐饮</option>
    <option value="1">零售</option>
    <option value="2">旅游</option>
    <option value="3">民航</option>
    <option value="4">公路运输行业</option>
    <option value="5">铁路运输行业</option>
</select>

js：

const layer = layui.layer;
const formTest = layui.form;
let formData = {}
formTest.on('select(hySelect)', function (data) {
    formData.hy = data.value
});

其中data.value是单选框选中的值，所以可以通过是否有值来判断用户是否选择了数据；

if (!formData.hy) {
    layer.msg('请选择行业');
    return false
}