Question

这是我的脚本，这里我按钮点击更改图像，这是在array.how我应该在条件变为false后禁用按钮。

＆＃13;

var images=["image1","image2","image3"];
var count=0;

$("button").on('click', function(){
 if (count>=images.length) return;
 $(".img_src").attr('src','images/' + images[count] + '.jpg');
   count++;
 console.log(count);
});

＆＃13;

<div class="image_area">
<img class="img_src my_image" src="images/image1.jpg"/>
</div> 
<button >clickme</button>

＆＃13;

Answer 1

首先应该给你的按钮一个id并使用它来绑定你的事件，因为绑定到按钮意味着你添加到表单的任何按钮都将使用该动作。您没有说明条件是假的＆＃39;意思是所以我假设这是你的计数到达最后一张图像。

＆＃13;

var images=["image1","image2","image3"];
var count=0;

$("#btnNext").on('click', function(){
 if (count>=images.length) 
 {
  $("#btnNext").attr('disabled', true);
  return;
 }
 $(".img_src").attr('src','images/' + images[count] + '.jpg');
   count++;
 console.log(count);
});

＆＃13;

<div class="image_area">
<img class="img_src my_image" src="images/image1.jpg"/>
</div> 
<button id="btnNext">clickme</button>

＆＃13;

如果您想稍后重新启用按钮，请使用：

$("btnNext").removeAttr('disabled');

Answer 2

使用.attr()方法并将其添加到您的条件$("button").attr('disabled', true);，如果您想启用该按钮，只需制作true，false

如何在此脚本中禁用我的按钮？

2 个答案: