Question

我有一个打印按钮，我想在MVC应用程序中点击5次后隐藏它。现在，我在点击时隐藏它。如何在第5次点击后修改以下代码以隐藏？

<input type="submit" name="command" value="Print" onclick="hidesubmit();"/>

function hidesubmit() {
   $("input[type='submit']").each(function() {
     $(this).hide();
   });
  };

@RGS，它不适合我。我正在使用Jquery 1.10.2。即使在尝试代码后，该按钮也会一直启用。我试图隐藏它但不禁用它。所以，我把它修改为以下但仍然没有开火。

<script src="../../Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
 <script>
 var count=0; 
 $("input[type='submit']").click(function() { 
count=count+1; 
if(count==5)
{ 
 $(this).hide(); 
}
 });
</script>

更新：我相信当我尝试调试时，count不适用于我的情况。它总是0。

Answer 1

您只需要添加一个带有点击按钮数的var。只有在第5次点击时，您才可以循环提交按钮并隐藏

var count = 0;
function hidesubmit() {
   count++;
   if(count >= 5){
      $("input[type='submit']").each(function() {
        $(this).hide();
      });
   }
};

并且您不需要循环隐藏项目：

$("input[type='submit']").each(function() {
   $(this).hide();
});

同样的想法：

$("input[type='submit']").hide();

Answer 2

var count=0;
$("input[type='submit']").click(function() {
   count=count+1;
   if(count==5){
       $(this).attr("disabled", true);
   }
   else
   {
      $(this).attr("disabled", false);
   }
});

使用变量'count'计算点击次数。

演示：

http://jsfiddle.net/ny2ME/

Answer 3

如果能够进行图像显示，那么每经过五次点击就可以显示另一个图像，但只有五次点击，并且在第五次点击后，它将返回显示原点。图像？

点击5次后隐藏按钮

3 个答案: