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