首页 > 代码库 > jquery实现全选、全消、反选功能
jquery实现全选、全消、反选功能
HTML代码:
<input type="checkbox" name="checkbox" class="A" />
使用按钮来实现全选、全消、反选
<button id="checkAll">全选</button > <button id="removeAll">全消</button > <button id="reverse">反选</button >
jquery代码要求:1.项目中必须引入jquery,2.必须在<script></script>之中写
// 全选 $("#checkAll").click(function() { $(".A").prop(‘checked‘,true); }); // 全消 $("#removeAll").click(function() { $(".A").prop(‘checked‘,false); }); // 反选 $("#reverse").click(function(){ $(".A").each(function(){ $(this).prop(‘checked‘,!$(this).prop(‘checked‘)); }) });
jquery实现全选、全消、反选功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。