关于按钮点击以后不能重复点击
<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;
    }
});