jQuery chekbox全选除禁用
我将此jsp代码作为标题来切换所有复选框：
<th><input name="checkAll" type="checkbox" onClick="toggleCheck(this, this.form.poFulfill);"/></th>
每一行都会读取记录，无论该复选框是否被禁用：
<input type="checkbox" name="poFulfill" value='<%=row.poId.toString()%>'
<%=(row.qtyIn.compareTo(row.qtyOut) == 0))?"disabled":""%>>
我想选择仅启用的所有复选框。我读到我需要使用jquery，所以我将标头修改为：
<th><input id="chkSelectAll" name="checkAll" type="checkbox"/></th>
并添加以下内容：
<script type="text/javascript">
$('#chkSelectAll').click(function () {
var checked_status = this.checked;
$('div#item input[type=checkbox]').not(":disabled").prop("checked", checked_status);
});
</script>
单击复选框以全选时，无法正常工作，什么也没有发生。任何想法？
展开
收起
1
条回答
写回答
写回答
-
$('#chkSelectAll').click(function () { var checked_status = this.checked; $('div#item input[type=checkbox]:enabled').prop("checked", checked_status); });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <th><input id="chkSelectAll" name="checkAll" type="checkbox"/>check all</th> <br/> <br/> <div id='item'> <th><input id="chk1" name="chk1" type="checkbox" disabled/>abc</th><br/> <th><input id="chk2" name="chk2" type="checkbox"/>a</th><br/> <th><input id="chk4" name="chk4" type="checkbox"/>b</th><br/> <th><input id="chk5" name="chk5" type="checkbox" disabled/>c</th><br/> <th><input id="chk6" name="chk6" type="checkbox"/>d</th> </div>2020-01-04 15:23:25赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
