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

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

<h1>success.vm</h1>

$webResourceManager.requireResource("com.shan.PipeLine:PipeLineResource")  

<form method='post' id='Form1'>
<table class="aui">

<div class="search-container">
     <a href="#" class="aui-button" id="newID" onclick="javascript:newone()">new</a>
    </div>
<thead >
<tr >
<th width="120" align="left" heigth="8">
Date
        </th>
<th width="120" align="left" heigth="8">
Plan
        </th>
<th width="120" align="left" heigth="8">
Actual
        </th>
<th width="120" align="left" heigth="8">
Operation
        </th>
    </tr>
</thead>
<tbody >
#foreach($l in $list)
<tr id="data$l.getID()">
<td id="date$l.getID()" >
#set($year=$l.getPipelineDate().getYear()+1900)
#set($minus='-')
#if($month<9)
#set($month="0$month")
#end
#set($yearmonth=" $year$minus$month")
$yearmonth
        </td>
<td id="plan$l.getID()">
$l.getPipelinePlan()
        </td>
<td id="actual$l.getID()">
$l.getPipelineActual()
        </td>
<td >
<a href="#" id="editID" class="aui-button" onclick="javascript:edit($l.getID())"> Edit
            </a>
<a href="#" id="deleteID" class="aui-button" onclick="javascript:deletes($l.getID())"> Delete
            </a>
        </td>
    </tr>
#end

</tbody>
</table>
</form>
<img src="/download/resources/com.shan.PipeLine:PipeLineResource/images/example.png" />


<script type="text/javascript">
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