javascript - 削除するチェックボックスjavascript 2条件

Question

チェックボックスがあります

<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 つだけです。助けが必要です

Answer 1

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.")
     }
   }

Answer 2

以下はあなたが望むものです

デモはこちら </>

Answer 3

このようなものをレンダリングするときは、 を使用してチェックボックスがオンになっているかどうかを確認して $('#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');
    });