爲什麼複選框沒有取消選中jquery

我需要取消選中一個複選框。它像提醒或刪除div一樣，但不會取消選中複選框。我已經使用attr和prop兩種方法。複選框id沒問題。即使它在螢火蟲控制檯中也不顯示任何錯誤。爲什麼複選框沒有取消選中jquery

$('html').on('click', '#inScopeDiv .remButton', function() { 
     var currId = $(this).attr('id'); 
     var chkBoxId = "#chk"+currId; 
     alert(currId); 
     alert('#chk'+currId); 
     $(chkBoxId).prop("checked", false); 
     $(chkBoxId).attr("checked", false); 
     $('#div'+ currId).remove(); 
     $('#inScopeActionDiv' + currId).remove();   
    });

HTML提供::

<c:forEach items="${data.inScope}" var="inScopeValues"> 
     <div class="col-md-12" style="background-color: snow;"> 
      <input class="inScope" type="checkbox" id="chk${inScopeValues.key}" name="chk + ${inScopeValues.key}" value="${inScopeValues.value}"> 
      ${inScopeValues.value} 
     </div> 
     </c:forEach>

按鈕&複選框低於::>

<input class="inScope" type="checkbox" id="chkisc_2" name="chkisc_2" value="In Scope 2"> 

<button id="chkisc_1" type="button" class="btn btn-warning btn-sm remButton" title="Remove this item">Remove Item</button>

來源

2016-09-25 Sumon Bappi

，請您提供您的'HTML'以及 – Vikrant

你有沒有試過這種：'$（$（「＃chk」+ currId）。）。attr（「checked」，false）;' – Vikrant

'console.log（$（chkBoxId）.length）'告訴你什麼？ – nnnnnn

您在更新的問題顯示的按鈕有id="chkisc_1"，然後在你的函數你採取並添加#chk到它的開始這將意味着你正在尋找一個帶有選擇器"#chkchkisc_1"的元素。與此同時，顯然複選框有id="chkisc_2"，儘管它似乎是在一個循環中創建的，所以也許還有一個_1（儘管這意味着你有多個具有相同id的元素，這是無效的html）。

更改按鈕，讓id="isc_1"，那麼當你的JS增加#chk它會尋找#chkisc_1：

$('html').on('click', '#inScopeDiv .remButton', function() { 
 
    var currId = $(this).attr('id'); 
 
    var chkBoxId = "#chk"+currId; 
 
    $(chkBoxId).prop("checked", false); 
 
    $('#div'+ currId).remove(); 
 
    $('#inScopeActionDiv' + currId).remove();   
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="inScopeDiv"> 
 

 
<input class="inScope" type="checkbox" id="chkisc_1" name="chkisc_1" value="In Scope 1" checked> 
 
<button id="isc_1" type="button" class="btn btn-warning btn-sm remButton" title="Remove this item">Remove Item</button> 
 

 
<input class="inScope" type="checkbox" id="chkisc_2" name="chkisc_2" value="In Scope 2" checked> 
 
<button id="isc_2" type="button" class="btn btn-warning btn-sm remButton" title="Remove this item">Remove Item</button> 
 
</div>

來源

2016-09-25 06:01:29 nnnnnn

我有與類remButton按鈕相同的ID。謝啦。我改變了按鈕ID，它工作正常。 –

您應該使用prop()和removeAttr()實現這一..希望它幫助！

var cb = $("#checkbox") 
 

 
$('#button1').click(function() { 
 
    cb.prop("checked", true) 
 
}) 
 

 
$('#button2').click(function() { 
 
    cb.removeAttr('checked') 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="checkbox" />This is a checkbox 
 
<br /> 
 
<br /> 
 
<button id="button1">Check checkbox</button> 
 
<br /> 
 
<br /> 
 
<button id="button2">Uncheck checkbox</button>

來源

2016-09-25 05:46:04

let checkbox = document.querySelector("input"); 
 

 
checkbox.addEventListener("click",function(){ 
 
    console.log("Sorry (͡° ͜ʖ ͡°)"); 
 
    this.checked = false; 
 
});

<input type="checkbox" />

來源

2016-09-25 05:53:07

爲什麼複選框沒有取消選中jquery

回答

相關問題