當我點擊取消時，如何設置取消選中的複選框

我有一個顯示自定義警報的bootbox腳本。點擊取消時，我需要啓動警報的複選框回到未選中狀態。當我點擊取消時，如何設置取消選中的複選框

這是我選中複選框

<div class="checkbox"> 
    <label> 
    <input type="checkbox" id="enroll-deposit" checked="" data-original-title="" title="" value="True"> I am not enrolling in Direct Deposit 
    </label> 
</div>

時，這是我bootbox腳本多數民衆贊成在點擊

$(document).on("click", "#enroll-deposit", function(e) { 
    var val = $(this).val(); 
    if (val == "True") { 
     var url = "@Url.Action("waivetask", "OBProcess" , new { id=ViewBag.DocId, tid=ViewBag.TaskId })"; 
     var desc = "Direct Deposit"; 
     bootbox.dialog({ 
      message: "Are you sure you want to waive " + "<strong>" + desc + "</strong>", 
      title: "Waive Direct Deposit", 
      buttons: { 
       main: { 
        label: "Cancel", 
        className: "btn-default", 
        callback: function() { 
         //NOT SURE WHAT TO PUT 
        } 
       }, 
       danger: { 
        label: "Waive and Move On to Next Task", 
        className: "btn-danger", 
        callback: function() { 
         window.location.href = url; 
        } 
       } 
      } 
     }); 
    } 
});

解僱我不知道，當用戶點擊取消按鈕做什麼。我想取消選中保存箱。

來源

2015-09-11 TheDizzle

set'checkbox.checked = false'其中'checkbox'是您的DOM元素 – vsync

$('input:checkbox').removeAttr('checked');

來源

2015-09-11 19:32:57

寫這個

$("#enroll-deposit").prop('checked',false);

來源

2015-09-11 19:26:23 alamnaryab

經過不是一個屬性。這實際上是一個財產。看起來你使用jQuery所以在你的「其他人」的語句，你可以做

$(this).prop("checked",false);

來源

2015-09-11 19:27:11

還有另一種方式來取消：

$('input[type=checkbox]').prop('checked', false);

，轉而使用：

var val = $(this).val();

您可以使用：

var isChecked = $(this).is(':checked');

也許它最好的重構你的代碼是這樣的：

$(document).on("click", "#enroll-deposit", function() { 
    var isChecked = $(this).is(':checked');  
    if (isChecked) { 
     var url = '@Url.Action("waivetask", "OBProcess" , new { id=ViewBag.DocId, tid=ViewBag.TaskId })'; 
     bootbox.dialog({ 
      message: "Are you sure you want to waive <strong> Direct Deposit </strong>", 
      title: "Waive Direct Deposit", 
      buttons: { 
       main: { 
        label: "Cancel", 
        className: "btn-default", 
        callback: function() { 
         //NOT SURE WHAT TO PUT 
        } 
       }, 
       danger: { 
        label: "Waive and Move On to Next Task", 
        className: "btn-danger", 
        callback: function() { 
         window.location.href = url; 
        } 
       } 
      } 
     }); 
    } 
});

希望我是有幫助的。

來源

2015-09-11 21:34:29 Leo

當我點擊取消時，如何設置取消選中的複選框

回答

相關問題