使用Java启用/禁用删除按钮

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> 

Answer 2

您检查框是否被选中的检查方法不是一个好方法。 尝试：

if( $( this ).is( ':checked' ) ) {

}else{

}