javascript - 使用 Javascript 启用/禁用删除按钮

Question

我在使用 JavaScript 启用带有复选框的按钮时遇到问题。每当我单击该复选框时，“删除”按钮就会保持禁用状态。

我使用的代码如下:

<script type="text/javascript">
$('#cb_delete').click(function(){

    if($(this).attr('checked') == false){
         $('#btn-delete').attr("disabled","disabled");   
    }
    else {
        $('#btn-delete').removeAttr('disabled');
    }
});

</script>

<button type='submit' name='btn-delete' disabled='disabled' id='btn-delete' class='btn btn-default btn-sm'>Delete</button> 
<td><input type='checkbox' name='cb_delete[]' id='cb_delete' value='$mID'></td>

Answer 1

用途:

$('#cb_delete').change(function() {
  $('#btn-delete').prop('disabled', !($(this).is(":checked")));

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='submit' name='btn-delete' disabled='disabled' id='btn-delete' class='btn btn-default btn-sm'>Delete</button>
<td>
  <input type='checkbox' name='cb_delete[]' id='cb_delete' value='$mID'>
  <br>OTHERS1:
  <input type='checkbox' name='others1[]' id='other1' value='$oID'>
  <br>OTHERS2:
  <input type='checkbox' name='others2[]' id='other2' value='$iID'>
</td>