周一至周五 : 08:30 - 17:30 客服专员电话/微信:17301649371 QQ:2627049059
微信咨询

扫码微信咨询

关注公众号

关注微信公众号

电话: 021 5161 9370
返回顶部
WebApp依据条件隐藏其他字段行
显示全部楼层 倒序浏览 发表日期 2021-08-16 15:57:12 2929次阅读 0次回复
本帖最后由 hessen 于 2021-8-16 16:03 编辑

依据条件隐藏其他字段行

功能说明:

在WebApp页面中某个字段选择一个值后,根据输入的值隐藏其他的字段行。


使用说明:

在PC上打开WebApp,选中模板名称点击右键,选择【编辑脚本】输入一下代码。


代码:
  1. $(function () {
  2.     /*此处编写自定义代码,请确认此js文件名与您想修改的模板编号一致 */
  3.     //B45是输入值的字段
  4.     $("#B45").change(function () {
  5.         var wetherbackhomevalue = $('input[name="F_581"]').val();
  6.         //F_582等是要隐藏的字段名
  7.         var wetherbackhome = "input[name='F_582'],input[name='F_583'],input[name='F_584'],input[name='F_585']"
  8.         if (wetherbackhomevalue == "否") {
  9.             $(wetherbackhome).closest('tr').prev().css('display', 'none');
  10.             $(wetherbackhome).closest('tr').css('display', 'none');
  11.             $(wetherbackhome).closest('tr').next().css('display', 'none');
  12.         } else {
  13.             $(wetherbackhome).closest('tr').prev().css('display', '');
  14.             $(wetherbackhome).closest('tr').css('display', '');
  15.             $(wetherbackhome).closest('tr').next().css('display', '');
  16.         }
  17.     });
  18. });
复制代码





电话/微信:18049989370 QQ:857188287
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则  允许回帖邮件提醒楼主

快表软件是国内较早研究表格类软件开发平台的团队之一,迄今已有十多年的行业经验.致力于为企事业单位提供实用可靠的数字化平台。
  • 微信公众号

  • 微信小商店

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2022-2024, XiRong Soft. | 快表软件
  • 沪ICP备13033196号 | 营业执照 |上海西戎软件科技有限公司|沪公网安备31011502002146号|沪ICP备13033196号 |