如何为html中的类设置可见真或假？答案

【问题标题】：How to set visible true or false to a class in html?如何为html中的类设置可见真或假？
【发布时间】：2019-07-09 14:50:34
【问题描述】：

在这个 HTML 语法中，我们使用了导出按钮及其图标。我必须根据数据库值 IsExport = 0（或）1 设置 visible = true 或 false。

可见的语法是什么以及如何将变量值传递给 HTML 标签？

<a class="Resource" href="javascript:void(0)">
                <span class="glyphicon icon-export"></span>
                <span class="i18n">export</span>
            </a>

【问题讨论】：

没看懂，能否分享一下 IsExport 的值如何绑定到视图

标签： html asp.net-mvc

【解决方案1】：

没有直接的属性可以直接设置诸如 Visible = true/false 到 HTML 标签，你可以使用这样的隐藏属性：

<a href="#" hidden>

此外，使用 javascript，您可以随时更改它

<script>
       $.ajax({
             contentType: 'application/json',
             dataType: 'JSON',
             url: 'someURL',
             type: 'GET',
             success: function (data) {
                        if (data.flagFromDataBase === 1) {
                           document.querySelector('.Resource').style.visibility = "hidden"
                        } else {
                           document.querySelector('.Resource').style.visibility = "visible"
                        }
             },
             failed: function () {
                console.log('Something went wrong :(';              
             }
        });  
</script>

或者如果你想禁用/启用按钮但保持可见，你可以使用这个而不是document.querySelector().style，使用这个：

if(data.flagFromDataBase === 1) {
   $('#myButton').prop('disabled', true);
} else {
   $('#myButton').prop('disabled', false);
}

【讨论】：

Andres，您如何将脚本设置为可见或不可见？此脚本是否采用输入参数值进行验证。基本上，我们将 @IsVisible 布尔标志从数据库传递到前端 ..，基于 0 或 1 ，我们启用/禁用按钮
您可以根据从数据库中获得的答案设置按钮可见或隐藏，在这种情况下，如果 flagFromDataBase (@isVisible) 为 1，则将其设置为隐藏，否则设置为可见。跨度>
谢谢，但是你在哪里传递变量 @isVisible .. 我看到语法 .. data.flagFromDataBase == 1 ，但是这个语法是如何被填充的..
您在后端使用什么编程语言？
我们使用 JavaScript ( Knockout.JS ) 与 HTML 交互

【解决方案2】：

不清楚如何从服务器获取数据，但我知道有一种方法可以在 CSS 中隐藏控件。如果你想用 HTML 做这个：

<html>
  <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery1.4/jquery.min.js"></script>
     <script>
         function showButtons () { $('#b1).show(); }
     </script>
     <style type="text/css">
          #b1 {
               display: none;
          }
     </style>
 </head>
 <body>
    <a href="#" onclick="showButtons();">Show me the money!</a>
    <input type="submit" id="b1" value="B1" />
 </body>
</html>

归功于：hidden property of button in html。 #b1、#b2 和 #b3 是按钮，在你的情况下只有一个，所以你可以修改它（我已经为你做了）。希望对您有所帮助！

【讨论】：

感谢您的帮助.. 我的澄清是.. （或）没有直接的语法来设置 visible = true 或 false ???跨度>