javascript - 单击另一行编辑时启用表单

Question

当单击编辑表单启用时，我禁用了表单

<% while(resultset.next()){ %>
<form method='POST' action='EditCompany?id=<%= resultset.getString(1)%>'>
<tbody>
    <tr align='center'>
        <td><%= no %></td>
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(2)%>' name='company_name'></td>  
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(3)%>' name='city'></td>  
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(4)%>' name='state'></td> 
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(5)%>' name='zipcode'></td>   
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(6)%>' name='branch'></td>    
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(7)%>' name='address'></td>
        <td><a class='abc' id='elementId' onclick="showDiv()"><span class='glyphicon glyphicon-pencil'></span></a> <input type='submit' class="welcomeDiv" style="display:none;"></td>
        <td><a href="#" data-href="DeleteCompany?id=<%= resultset.getString(1)%>" data-toggle="modal" data-target="#confirm-delete"><span class="glyphicon glyphicon-trash"></span></a></td>
    </tr>
    </tbody>
    </form>
    <% no++; } %>

这是 JavaScript:

<script type="text/javascript"> 
$('.abc').click(function(){
    $(this).closest('tr').find('.aaa').attr('disabled',false);
});</script>

这就是事实

但我想要这样。当我想取消编辑第 1 行并想编辑第 2 行时，我希望像这样禁用第 1 行

Answer 1

你可以试试这个:

<script type="text/javascript"> 
$('.abc').click(function(){
    $(this).parents('tr').parent().find('.aaa').prop('disabled', true);
    $(this).parents('tr').find('.aaa').prop('disabled', false);
});</script>