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

一时失言乱红尘 2023-09-28 08:48 137阅读 0赞

# 一、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：**

其中：

//输入框的值改变时触发
    $("#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
    }