依据条件隐藏其他字段行

功能说明：

在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. });

复制代码

依据条件隐藏其他字段行

功能说明：

在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. });

复制代码