全选/全不选 怎么按钮不好使?
$(":button[value='全选/全不选']").click(function(){
$(":checkbox").is(":checked")?$(":checkbox").attr("checked",false):
$(":checkbox").attr("checked",true);
});
$("[value='反选']").click(function(){
$(":checkbox").each(function(){
$("this").is(":checked")?$(this).attr("checked",false):
$(this).attr("checked",true);
})
})
下面是html部分：
全选复制放进笔记<input type="checkbox" name="check" value="a"/>a
<input type="checkbox" name="check" value="b"/>b
<input type="checkbox" name="check" value="c"/>c
<input type="button" value="全选/全不选" id="btn"/>
<input type="button" value="反选" >希望点击全选和全不选会切换全选状态和全不选状态，点击反选按钮会执行反选，
问题是我的全选/全不选按钮只能使用一次，即连续点击状态由全不选-全选-选不选再点击就没有反应了，而反选按钮一开始就没反应？？不清楚哪里出了问题？？请高手指点迷津
展开
收起
1
条回答
写回答
写回答
-
<!Doctype html> <meta charset='utf8'> <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script> //console.log(person.pi) $(function(){ $("#all").click(function(){ $("form > input").prop('checked', true); $("form > input").attr('checked', true); }) $("#none").click(function(){ $("form > input").prop('checked', false); $("form > input").attr('checked', false); }) $("#rev").click(function(){ var all = $("input[type=checkbox]") $(all).each(function(){ if($(this).attr('checked')){ $(this).attr('checked', false) $(this).prop('checked', false) } else { $(this).attr('checked', true) $(this).prop('checked', true) } }) }) $("#show_btn").click(function(){ var all = $("input[type=checkbox]").not(":checked") console.log("未选中的模块" + all.length) $(all).each(function(){ console.log($(this).val()) }) var all = $("input[type=checkbox][checked]") console.log("选中的模块" + all.length) $(all).each(function(){ console.log($(this).val()) }) }) $("input[type=checkbox]").click(function(){ if($(this).attr('checked') == 'checked'){ $(this).attr('checked', false) } else { $(this).attr('checked', true) } }) }) </script> <form id="ckb"> <input type="checkbox" name="pri" value="查询">查询 <br> <input type="checkbox" name="pri" value="增加" >增加 <br> <input type="checkbox" name="pri" value="修改" >修改 <br> <input type="checkbox" name="pri" value="删除" >删除 <br> <input type="checkbox" name="pri" value="上传" >上传 <br> <input type="checkbox" name="pri" value="重置" >重置 <br> <input type="button" id="all" value="全选"/> <input type="button" id="none" value="不选"/> <input type="button" id="rev" value="反选"/> </form>2019-07-17 19:21:17赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
