Question

我有复选框

<input type="checkbox" id="checkboxid" name="checkboxname">

和按钮删除

<button id="btnDeleteid" name="btnDeletename">Delete</button>

如何使用2条件删除javascript？

选中不复选框并按下按钮 - ＆gt;显示“首先检查”并返回页面
检查checbox并按下按钮 - ＆gt;如果是或否仍然回到页面

我已经尝试过这个

<button id="btnDeleteid" onclick="return confirm('Are you sure you want to delete? This action cant be undone')" name="btnDeletename">Delete</button>

但只有1个条件，需要帮助

Answer 1

渲染此内容时，请检查是否使用了复选框 $('#checkboxid').prop('checked')。如果是这样启用删除按钮 $('#btnDeleteid').removeClass('disabled')。否则禁用它$('#delete').addClass('disabled')

收听复选框更改以禁用/启用删除按钮（上述）。

    $('#checkboxid').on('change'), function() {
      if ($('#checkboxid').prop('checked')) {
         $('#delete').removeClass('disabled');
       } else {
         $('#delete').addClass('disabled');
      }
    });

现在听取删除点击。

    $('#delete').on('click'), function() {
      if ($('#delete').hasClass('disabled')) {
        return; // Do nothing when button is disabled.
      }

      confirm('Are you sure you want to delete? This action cant be undone');
    });

Answer 2

您应该使用绑定到del按钮onclick事件的函数。最好不要在HTML代码中编写js代码。

代码是这样的：

function del(){
    var sureToDel = false;
    if(!checkInput.checked){
        alert("Must check first!");
    }else{
        sureToDel = confirm('Are you sure you want to delete? This action cant be undone');
        if(sureToDel){ do something .....}
    }
}

以下是您逻辑的an example

Answer 3

以下是你想要的

Demo Here </>

Answer 4

HTML

  <input type="checkbox" id="checkboxid" name="checkboxname">
  <button id="btnDeleteid" onclick="deleteCheckBox()" name="btnDeletename">Delete</button>

JS

function deleteCheckBox(){
   if (document.getElementById('checkboxid').checked){
       var answer = confirm('Are you sure you want to delete this checkbox?');
      if (answer)
       {
      $("#checkboxid").remove();
       }
     }else{
         alert("Pls check the checkbox.")
     }
   }

复选框javascript 2条件删除

4 个答案: