javascript - 如何在点击两次后隐藏文件上传按钮？

Question

我需要使用 JavaScript 单击两次后隐藏文件上传按钮。

我的 HTML 代码

<input type="file" runat="server"  id="fileInputDataCC" name="fileInputDataCC" />
<button type="submit" id="btnUpload" name="command" value="CompareCost" style=" color:#FFFFFF;border:none;" onclick="click();">CALCULATE MY USE</button>

我只是尝试使用以下 java 脚本代码，但它不起作用。

<script type="text/javascript">
 var clicks = 1;
 function click() {
        clicks += 1;
        document.getElementById("btnUpload").innerHTML = clicks;
        if( Clicks == 3)
         {
           document.getElementById("btnUpload").style.display = "none";
         }
       else
         {
           document.getElementById("btnUpload").style.display = "Block";
         }
    }
 </script>

Answer 1

在您的 if 语句中，您的 clicks 变量有一个大写字母，这就是它不起作用的原因。您还应该按照 @Amitesh 的另一个答案中提到的方式重命名您的函数，因为您不能有“点击”函数名称。您可以查看此问题以了解更多详细信息:javascript function name cannot set as click?

<button type="submit" id="btnUpload" name="command" value="CompareCost" style=" color:#FFFFFF;border:none;" onclick="clickCount();">CALCULATE MY USE</button>
    <script type="text/javascript">
     var clicks = 1;
     function clickCount() {
            clicks += 1;
            document.getElementById("btnUpload").innerHTML = clicks;
            if(clicks == 3)
             {
               document.getElementById("btnUpload").style.display = "none";
             }
           else
             {
               document.getElementById("btnUpload").style.display = "Block";
             }
        }
     </script>