通过单选按钮的选择为其他的标签添加状态

js文件
layui.use('form', function () {
        var form = layui.form;

        
        form.on('radio(tongguo)', function (data) {
            // console.log(data.elem);
            //alert(data.value);//判断单选框的选中值
            //alert(data.othis);
            // layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
            console.log(data.value);
            if (data.value == 1) { // 通过
                $("#reason").attr("class", "layui-hide"); 
                if(quotaId!=-1){
            		$("#costmoney").attr("class", "");
            		$("#paymoney").attr("class", "");
                }
            	$("#input3").val("");
            } else if (data.value == 2) {// 驳回
                $("#reason").attr("class", "");
                $("#costmoney").attr("class", "layui-hide");
            	$("#paymoney").attr("class", "layui-hide");
                $("#input1").val("0");
            	$("#input2").val("0");
            }
        });


        
    });

html文件

<div class="layui-form-item">
					<label class="layui-form-label">是否通过:</label>
					<div class="layui-input-block">
						<input id="tg" name="state" value="1" title="通过" lay-filter="tongguo" checked type="radio">
						<input id="bh" name="state" value="2" title="驳回" lay-filter="tongguo" type="radio"> 
					</div>
				</div>
				<div id="reason">
				<div class="layui-form-item">
					<label class="layui-form-label">驳回理由:</label>
					<div class="layui-input-block">
						<input id="input3" name="reason" lay-verify="title" autocomplete="off"
							placeholder="请写出驳回理由" class="layui-input" type="text">
					</div>
				</div>
				</div>
				<div id="paymoney">
				<div class="layui-form-item">
					<label class="layui-form-label">支付金额<span
								style="color: red; font-size: 20px">*</span>:</label>
					<div class="layui-input-block">
						<input id="input1" name="paymoney" lay-verify="required|validateMoney" autocomplete="off" value="0"
							  class="layui-input" type="text">
					</div>
				</div>
				</div>
				<div id="costmoney">
				<div class="layui-form-item">
					<label class="layui-form-label">成本金额<span
								style="color: red; font-size: 20px">*</span>:</label>
					<div class="layui-input-block">
						<input id="input2" name="costmoney" lay-verify="required|validateMoney" autocomplete="off"
							 value="0" class="layui-input" type="text">
					</div>
				</div>

猜你喜欢

转载自blog.csdn.net/qq_37121548/article/details/80916526
今日推荐