jQuery：單擊前確認操作

Question

我的表格中有一個復選框。 我想在用戶選中該框之前要求用戶確認。 但是，在框被打勾后，“確認”消息會自動出現。 我要這樣做，以便用戶可以“取消”，就好像他從來沒有選中該框一樣。

這是我的代碼：

$( document ).ready(function() {
  $('.checkme').click(function(){
    text_area_id = "#" + $(this).val();
    if ($(text_area_id).attr('hidden')) {
      $(text_area_id).attr('hidden', false);
    } else{
      if ($(text_area_id).val() != '') {
        if (confirm("Clear text for \'" + $(this).val().replace(/_/g, " ") + "\'?")) {
          $(text_area_id).attr('hidden', true);
          $(text_area_id).val('');
          $(this).attr('checked', true);
          $('.checkme').attr('checked', true);
        }
      } else {
        $(text_area_id).attr('hidden', true);
        $('.checkme').attr('checked', true);
      }
    }
  });

注意“確認”框。 我希望在單擊復選標記框時出現這種情況-但在該框實際被打勾之前。

所以我想我正在尋找一個像

.before_click(function(){ ...

代替

.click(function(){ ...

或類似的東西...？

Answer 1

只需根據您的confirm boolean值設置復選框的選中屬性。 window.confirm返回true或false

 $(".checkme").on('click',function(e){ var r = confirm("Are you sure?!"); $(this).attr('checked',r); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" class="checkme"/>Check me