1

我有复选框

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

和按钮删除

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

javascript 看起来如何以 2 个条件删除？

  1. 未选中复选框并按下按钮 - >显示“首先检查”之类的警报并返回到前一页
  2. 选中复选框并按下按钮->如果是或否仍返回前一页，则确认是或否

我已经试过了

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

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

4

4 回答 4

0

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.")
     }
   }
于 2013-05-24T07:28:06.730 回答
0

下面是你想要的

在这里演示 </>

于 2013-05-24T07:25:07.260 回答
0

渲染这些东西时，检查复选框是否使用 $('#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');
    });
于 2013-05-24T07:07:31.247 回答
0

您应该使用函数绑定到您的 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 .....}
    }
}

这是您的逻辑示例

于 2013-05-24T07:10:59.993 回答