html+javascript 要求一按按钮按钮就变灰,并自动开始下载验证码图片,图片下载完成后,按钮自动恢复

发布网友发布时间：2022-05-23 20:18

共3个回答

热心网友时间：2023-11-21 15:06

纯js是不是太麻烦?如果用jquery的话 ,就很简单了:

$("#buttonId").click(function(){
  test();
});
function test(){
    $("#buttonId").die("click");//把事件取消了
    $.post("图片地址",function(){
        $("#buttonId").click(function(){
            test();
        });
    })
}

热心网友时间：2023-11-21 15:06

布局好页面后点击按钮有个onclick 事件
触发后js函数中设计按钮变灰，就是document.getElementById('btn').disabled = 'disabled';
再就是图片中设置onload事件，触发js函数后修改document.getElementById('btn').disabled = '';

热心网友时间：2023-11-21 15:07

<input id='downloadButton' type='button' onclick='download()'>
<style>.disableStyle{background: #777;color:#fff}</style>
<script>
function download(){
$('downloadButton').attr('disabled','disabled');
$('downloadButton').addClass('disableStyle');
$.ajax({
type:'POST',
url: 'ajax动态返回验证码的url',
success: function(data){
$('downloadButton').attr('disabled','false');
$('downloadButton').removeClass('disableStyle');
}
});
}

</script>