使用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{

}