jsp页面使用js 实现input文本框显示、隐藏
源码
<body>
<form class="layui-form layui-from-header" lay-filter="phaseForm">
<input type="hidden" name="proPhaId" value="${param.proPhaId}" />
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label">项目名称</label>
<div class="layui-input-inline">
<input name="proName" class="layui-input" type="text" disabled="disabled">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">阶段名称</label>
<div class="layui-input-inline">
<input name="phaName" class="layui-input" id="phaName" disabled="disabled"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开始时间</label>
<div class="layui-input-inline">
<input name="startTime" class="layui-input" type="text" autocomplete="off" disabled="disabled">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">结束时间</label>
<div class="layui-input-inline">
<input name="startTime" class="layui-input" type="text" autocomplete="off" disabled="disabled">
</div>
</div>
<div class="layui-form-item test">
<label class="layui-form-label">交付评价</label>
<div class="layui-input-inline">
<input name="evaTypeOne" class="layui-input" type="text" autocomplete="off" disabled="disabled">
</div>
</div>
<div class="layui-form-item testt">
<label class="layui-form-label">客户评价</label>
<div class="layui-input-inline">
<input name="evaTypeTwo" class="layui-input" type="text" autocomplete="off" disabled="disabled">
</div>
</div>
</div>
</div>
</form>
<script src="${path}/plugin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
layui.use([layer, form, jquery], function () {
var form = layui.form;
var $ = layui.jquery;
// 表单初始赋值，通过编号获取项目评价数据初始化表单
$.post("${path}/proEvaluate/getPcById.do",{proPhaId: "${param.proPhaId}"}, function (data) {
if (data.success) {
form.val("phaseForm", {
"proName": data.data.data[0].proName,
"phaName": data.data.data[0].phaName,
"startTime": data.data.data[0].startTime,
"endTime": data.data.data[0].endTime,
"evaTypeOne": data.data.data[0].evaTypeOne,
"evaTypeTwo": data.data.data[0].evaTypeTwo,
"evaType": data.data.data[0].evaType
});
//js 判断evaTypeOne隐藏还是显示
if(data.data.data[0].evaTypeOne) {
$(".test").css("display","block")
form.val("phaseForm", {
"evaTypeOne": data.data.data[0].evaTypeOne,
});
} else {
$(".test").css("display","none")
}
//js 判断evaTypeTwo隐藏还是显示
if(data.data.data[0].evaTypeTwo) {
$(".testt").css("display","block")
form.val("phaseForm", {
"evaTypeTwo": data.data.data[0].evaTypeTwo,
});
} else {
$(".testt").css("display","none")
}
} else {
top.layer.alert("获取项目阶段数据失败！！");
return;
}
});
});
</script>
</body>