日期:2014-05-16  浏览次数:20331 次

关于按钮点击以后不能重复点击
<script type="text/javascript">
$().ready(function() {
top.closeWait();

$(".change").click(function(){
var change=this.name;
$("#change").val(change);
var url =window.location.href;
$("#form1").attr("action",url);
top.showWait("图片生成中...");
$("#form1").submit();
});

});
</script>

<input type="button" class="button change" name="line" value="线状图" style="margin-left:700px;"/>&nbsp;
<input type="button" class="button change" name="bar"  value="柱状图"/>
<input type="button" class="button change" name="pie" value="饼状图"/>

我有几个按钮,点击一下线状图会生成线状图,我想要的效果是点击线状图以后不能再次点击这个按钮,可以点击其它的按钮,这个按钮变灰,每个按钮的属性是change字段来代表的,求大神知道。

------解决方案--------------------

$(".change").click(function(){
    var change=this.name;
    if($("#change").val()==change){
        return false;
    }
    $("#change").val(change);
    var url =window.location.href;
    $("#form1").attr("action",url);
    top.showWait("图片生成中...");
    $("#form1").submit();
});

------解决方案--------------------
var lastname = null;
$('.change').click(function(){
     var name = $(this).attr('name');
if(lastname == name){
     return;
}else{
    lastname = name;
}
    switch(name){
           case 'line':
             alert(name);
           break;
           case 'bar':
              alert(name);
           break;
          case 'pie':
               alert(name);
           break;
    }
});