Question

我为每个用户设置了一个复选框，复选框的值为用户ID

什么是最合适的JavaScript在点击正确的相应复选框

之前禁用删除a.button

如果按钮被禁用，我希望能够使用bootstraps disabled =“disabled”

<div class="table-responsive" id="user">
<table class="table table-bordered table-hover">
<thead>
    <tr>
        <td></td>
        <td><b><a><?php echo $column_username;?></a></b></td>
        <td><b><a><?php echo $column_status;?></a></b></td>
        <td><b><a><?php echo $column_date_added;?></a></b></td>
        <td class="text-right"><b><?php echo $column_action;?></b></td>
    </tr>
</thead>
<tbody>
<?php if ($users) { ?>
<?php foreach ($users as $user) { ?>
<tr>
<td class="text-center">
<input type="checkbox" name="selected" value="<?php echo $user['user_id']; ?>" />
</td>
<td class="text-left"><?php echo $user['username']; ?></td>
<td class="text-left"><?php echo $user['status']; ?></td>
<td class="text-left"><?php echo $user['date_added']; ?></td>
<td class="text-right">
<a href="<?php echo $user['edit']; ?>" class="btn btn-primary" role="button"><i class="fa fa-pencil"></i> Edit User</a>
<a href="<?php echo $user['delete']; ?>" class="btn btn-danger" role="button"><i class="fa fa-pencil"></i> Delete User</a>
</td>
</tr>
<?php } ?>
<?php } ?>
</tbody>
</table>

Answer 1

首先，首次加载HTML时应禁用所有删除按钮。您可以将disabled='disabled'属性添加到PHP代码中的每个删除按钮。

然后在JavaScript中，您会在复选框上查找更改事件：

$("input[type='checkbox']").change(function() {
  var thisRow = $(this).parents("tr");
  if(this.checked) {
    thisRow.find("a.btn-danger").attr("disabled", false);
  } else {
    thisRow.find("a.btn-danger").attr("disabled", "disabled");
  }
});

删除前检查复选框

1 个答案: