如何在jQuery中使用foreach禁用所有复选框
如何在jQuery中使用foreach禁用所有复选框
提问于 2017-04-13 02:02:42
当单击“选择全部”时，我希望禁用所有复选框。
如何使用jQuery实现这一点？
JavaScript:
这里，categories[]是位于foreach循环中的复选框的名称。
function checkAll(source) {
checkboxes = document.getElementsByName('categories[]');
for(var i=0, n=checkboxes.length;i<n;i++) {
//checkboxes[i].checked = source.checked;
checkboxes[i].disabled = source.disabled;
}
}回答 5
Stack Overflow用户
发布于 2017-04-13 02:17:33
function uncheckAll() {
$('input:checkbox').removeAttr('checked');
}
function disableAll() {
$('input:checkbox').attr('disabled','true');
}<input type="checkbox" checked>A<br/>
<input type="checkbox" checked>B<br/>
<input type="checkbox">C<br/>
<input type="checkbox" checked>D<br/>
<input type="checkbox">E<br/>
<button onclick="uncheckAll()">Uncheck all</button>
<button onclick="disableAll()">Disable all</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Stack Overflow用户
发布于 2017-04-13 02:09:07
只需使用prop('disabled', true)
$('#mainChk').on('click', function(){
var categories = $('.categories');
categories.prop('disabled', !categories.prop('disabled'));
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="mainChk" type="checkbox" > Main
<input type="checkbox" class="categories"> First
<input type="checkbox" class="categories"> Second
<input type="checkbox" class="categories"> Third
Stack Overflow用户
发布于 2017-04-13 02:10:08
给所有的复选框一个类(例如: class='ck')。
然后：
$('.ck').each(function(){
$(this).prop('disabled', true);
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43389251
复制相关文章
![[答疑]系统首先维护的是本质而不是现象](https://ask.qcloudimg.com/http-save/yehe-6288414/0d8113d353cdb2b2536b16c469c1d187.jpg)
点击加载更多
相似问题
安卓系统上ARToolkit多标记的实现
用于安卓系统的ARToolkit演示不起作用
EasyAR本地安卓显示图像而不是视频
ArToolkit、安卓和2D标记
安卓系统中的图像识别ApI
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
