, когда я нажимаю на флажок, чем кнопки ввода будет кликабельна

Question

Это моя форма:

<form name="frmUser" method="post" action=""> 
    <input type="button" name="update" value="Update Booking" id="Update_Booking" onClick="setUpdateAction();" /> 
    <input type="button" name="delete" value="Cancel Booking" onClick="setDeleteAction();" /> 
    <input type="checkbox" name="booking[]" id="Booking" value="<?php echo $row['id'];?>" /> 
</form> 

Это код сценария:

function setUpdateAction() { 
    document.frmUser.action = "update_booking_view.php"; 
    document.frmUser.submit(); 
} 

function setDeleteAction() { 
    if (confirm("Are you sure want to delete these rows?")) { 
     document.frmUser.action = "delete_booking_view.php"; 
     document.frmUser.submit(); 
    } 
} 

Answer 1

Вы можете попробовать следующее:

PS: вам необходимо предотвратить поведение по умолчанию нажатия кнопки, которое отправляет форму.

JS:

function setUpdateAction(event) { 
    event.preventDefault(); 
    document.frmUser.action = "update_booking_view.php"; 
    document.frmUser.submit(); 
} 

function setDeleteAction(event) { 
    event.preventDefault(); 
    if (confirm("Are you sure want to delete these rows?")) { 
     document.frmUser.action = "delete_booking_view.php"; 
     document.frmUser.submit(); 
    } 
} 

function toggleBtns(checkbox) { 
    checkbox.form.update.disabled = checkbox.form.delete.disabled = !checkbox.checked; 
} 

HTML:

<form name="frmUser" method="post" action=""> 
    <input type="button" disabled name="update" value="Update Booking" id="Update_Booking" onClick="setUpdateAction(event);" /> 
    <input type="button" disabled name="delete" value="Cancel Booking" onClick="setDeleteAction(event);" /> 
    <input type="checkbox" name="booking[]" onchange="toggleBtns(this)" id="Booking" value="<?php echo $row['id'];?>" /> 
</form> 

Демо:https://jsfiddle.net/iRbouh/jjhm2mnr/2/

Answer 2

Вам нужно добавить атрибут инвалида на две кнопки на начальном этапе.

Как только вы нажмете на этот флажок, проверьте его. Если флажок установлен, кнопка становится интерактивной. Если флажок снят, кнопка будет отключена.

Измените HTML, добавив атрибут: отключил

<input type="button" name="update" value="Update Booking" id="Update_Booking" onClick="setUpdateAction();" disabled /> 
    <input type="button" name="delete" value="Cancel Booking" onClick="setDeleteAction();" disabled /> 

Тогда ваш Jquery:

$("#Booking").on("click", function() { 
     if (this.checked == true) { 
      $("input[type='button']").attr('disabled', false); 
     } else { 
      $("input[type='button']").attr('disabled', true); 
     } 
    }); 

Вы можете обратиться к этому JS Fiddle: https://jsfiddle.net/ythw3sv6/