jsp页面使用js 实现input文本框显示、隐藏

最新推荐文章于 2023-10-22 23:01:28 发布

LINUXK_常

最新推荐文章于 2023-10-22 23:01:28 发布

阅读量6.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_39559301/article/details/107939086

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

源码

<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>

LINUXK_常

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
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="la...
复制链接

扫一扫

专栏目录