button disabled的问题
各位路过的朋友麻烦帮我看看，先谢谢了！
这是jira里边的一个录入数据插件，如图所示，我想设计成这样的效果：当没有点击new按钮的时候，edit和delete按钮是可以操作的，当点击new按钮的时候，edit和delete按钮不能操作且显示成灰色。不过现在点击new按钮的时候，edit和delete按钮都不能显示成灰色，麻烦帮我看看代码，这个应该怎样改？

 
    }
    return strings;
}



function add(){
window['added'] = 0;
    window['edited'] = 0;
    window['deleted'] = 0;
    var plan =document.getElementById("plan").value;
var actual =document.getElementById("actual").value;
     var date =document.getElementById("date").value;
     date=transdate(date);
 datastr="type=1&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date;
jsubmit(datastr);
}

function edit(id) {
    if (window['edited'] == 0) {
        var s = inputstring(id);
        $('#data'+
        id).html(s);
        window['added'] = 1;
        window['edited'] = 1;
        window['deleted'] = 1;
    }
}

function update(id){
    var plan =document.getElementById("plan").value;
    var actual =document.getElementById("actual").value;
     var date =document.getElementById("date").value;
     date=transdate(date);
datastr="type=2&id="+id+"&plan="+plan+"&actual="+actual+"&issueID="+$issueID+"&date="+date;
jsubmit(datastr);
window['added'] = 0;
    window['edited'] = 0;
    window['deleted'] = 0;
}
function deletes(id){
if (window['deleted'] == 0) {
datastr= "type=3&id="+id+"&issueID="+$issueID;
jsubmit(datastr);
}
}
function transdate(endTime){
var date=new Date();
date.setFullYear(endTime.substring(0,4));
date.setMonth(endTime.substring(5,7)-1);
date.setDate(endTime.substring(8,10));
date.setHours(endTime.substring(11,13));
date.setMinutes(endTime.substring(14,16));
date.setSeconds(endTime.substring(17,19));
return Date.parse(date)/1000;
}
function jsubmit(datastr){
jQuery.ajax({
     type: "post",
     url: "/MyWebworkModuleAction.jspa",
     data: datastr,
     success: function(data){
      console.info(data);
  var first=data.indexOf("<form method='post' id='Form1'>");
      var last=data.indexOf("</form>")+7;
  data= data.substring(first,last);
   console.info(first);
  console.info(last);
 
  console.info(data);
 jQuery("#Form1").html(data);
 },     
    });
}

 
</script>

[解决办法]
本帖最后由 showbo 于 2013-12-30 15:16:27 编辑 你的id重复了。。有重复的只返回第一个对象，而且你的根本不是按钮，是a链接好不。。设置disabled没用，改成input标签

<td >
<input class="aui-button" id="editID" type="button" onclick="javascript:edit($l.getID())" value="Edit">
<input type="button" id="deleteID" class="aui-button" onclick="javascript:deletes($l.getID())" value="Delete" />
</td>

function newone() {
 
    if (window['added'] == 0) {
        var s = inputstring(-1);
        $('tbody').html(s + $('tbody').html());
        window['added'] = 1;
        window['edited'] = 1;
        window['deleted'] = 1;
    }
     document.getElementById('newID').disabled = false;
     //document.getElementById('editID').disabled = true; 
 
     //document.getElementById('deleteID').disabled = true;
     $('input[id="editID"]').attr('disabled',true);
     $('input[id="deleteID"]').attr('disabled',true);
     
}

[解决办法]
没有变成灰色，那还能点击不？

disabled的设置成功了没？

有的浏览器就算是disabled的之后，还是不会变成灰色的，所以你如果需要的话，就自己设置吧

在disabled之后，改变颜色。