当链接发生 onClick
时,该 div 中存在的所有复选框都会被选中。
function initSelectAll() {
$("form").find("a.selectAll").click(function() {
var cb = $(this).closest("div").find("input[type=checkbox]");
cb.not(":checked").click().length || cb.click();
//........WANT TO UNCHECK checkboxes with class="file" where link id is 'id="ninapaya"'; how to do that?......
return false;
});
}
initSelectAll();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<div>
Select
<span class="kukapaya">(<a href="#" id="ninapaya" class="selectAll">alle</a>)</span>
<br>
<input type="checkbox" class="document" name="check2">
<input type="checkbox" class="document" name="check2">
<br>
<input type="checkbox" class="File">
<input type="checkbox" class="File">
</div>
</form>
要求:我们不应选中带有 class="File"
的复选框。
JSFiddle:https://jsfiddle.net/k4d6zpay/
最佳答案
可以使用 .prop
(.prop( propertyName, function )
) 进行简化并使用:not
selector
$("form").find("a.selectAll").click(function() {
$(this).closest("div").find("input[type='checkbox']:not('.File')").prop('checked', function() {
return !this.checked;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form>
<div>
Select
<span class="kukapaya">(<a href="#" id="ninapaya" class="selectAll">alle</a>)</span>
<br>
<input type="checkbox" class="document" name="check2">
<input type="checkbox" class="document" name="check2">
<br>
<input type="checkbox" class="File">
<input type="checkbox" class="File">
</div>
</form>
关于javascript - jQuery:如何在检查完所有复选框后取消选中div中的随机复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37384920/