由于项目要求，需要实现根据不同情况显示不同控件的功能。具体要求见下图：

也就是说，当选择“每单固定扣费”时，底部只显示“扣费金额”一栏；

当选择“每订单固定折扣”时，底部仅显示“折扣比例”列。

当选择“每个订单的全额减少”时，只有“全额.少……”列显示在底部。

根据我自己对棱角的理解，这个功能应该很容易实现。

Js设置控件的隐藏和显示，并设置控件样式的显示和可见性属性。

用JavaScript隐藏控件有两种方法，一种是设置控件样式的“显示”和“可见性”属性。

当style.display='block '或style . visibility=' visibility '时，控件可见，当style.display='none '或style.visibility='hidden '时，控件不可见。不同的是，“显示”不仅隐藏了控件，而且隐藏的控件在显示时不再占据被占用的位置，而“可见性”的隐藏控件只是将控件设置为不可见，控件仍然占据原来的位置。

执行结果截图如下：

附上

部分源代码如下：

函数displayhiduii(){ var ui=document . getelementbyid(' BBS ')；ui . style . display=' none '；}函数displayShowUI(){ var ui=document . getelementbyid(' BBS ')；ui . style . display=' '；//如果//显示为空，将使其后面的空间换行。} Function visibilityhidui(){ var UI=document . getelementbyid(' BBS ')；ui.style.visibility=“隐藏”；}函数visibilityShowUI(){ var ui=document . getelementbyid(' BBS ')；ui . style . visibility=' visible '；}/脚本值描述

无此元素将不显示。

块该元素将显示为块级元素，在其前后有换行符。

内联默认值。此元素将显示为内嵌元素，在元素前后没有换行符。

内嵌块-内嵌块元素。(CSS2.1中的附加值)

列表项该元素显示为列表。

根据上下文，该元素显示为块级元素或内联元素。

Compact CSS有一个Compact的值，但是由于缺乏广泛的支持，它已经从CSS2.1中移除了。

Marker CSS有一个Marker的值，但是由于缺乏广泛的支持，已经从CSS2.1中删除了。

表格此元素显示为块级表格(类似于表格)，表格前后有换行符。

内联表格该元素显示为内联表格(类似于表格)，表格前后没有换行符。

表格-行-组该元素显示为一个或多个行的组(类似于表体)。

表格-标题-组该元素显示为一个或多个行的组(类似于标题)。

表格页脚组这个元素显示为一个或多个行的组(类似于tfoot)。

表格行该元素显示为表格行(类似于tr)。

表-列-组该元素显示为一个或多个列的组(类似于列组)。

表格列该元素显示为单元格列(类似于列)

表格单元格该元素显示为表格单元格(类似于td和th)

表格标题该元素显示为表格标题(类似于标题)

Inherit指定显示属性值应该从父元素继承。

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！