使用prop解决一个checkbox选中后再次选中失效的问题
2017-07-05 09:06
507 查看
初始状态复选框没有全选,
点击全选按钮调用checkAll方法,
实现了全选,
然后点击全不选按钮,
实现了全不选,
然后再次点击全选按钮,
结果却木有全选,
再反复点击木有任何反应。
demo:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.3.min.js"></script> <script> $(function () { $("#allchoose").click(function () { $(":checkbox").prop("checked",true); }) $("#allnochoose").click(function () { if ($(":checkbox").is(":checked")){ $(":checkbox").attr("checked",false); } }) $("#choose").click(function () { if($(":checkbox").is(":checked")){ $(":checkbox").attr("checked",false); }else{ $(":checkbox").prop("checked",true); } }) }) </script> </head> <body> <input type="checkbox" name="checkbox" id="">乒乓球 <input type="checkbox" name="checkbox" id="">羽毛球 <input type="checkbox" name="checkbox" id="">足球 <input type="checkbox" name="checkbox" id="">篮球 <input type="checkbox" name="checkbox" id="">排球<br> <input type="button" value="全选" id="allchoose"> <input type="button" value="全不选" id="allnochoose"> <input type="button" value="反选" id="choose"> <input type="submit" value="提交" id="submit"> </body> </html>
以上这篇使用prop解决一个checkbox选中后再次选中失效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- attr和prop的区别-解决checkbox选中不起作用的问题
- 使用VS2005 CTP July调试WinForm的一个问题,解决方法与各位分享。
- 正规表达式 在查找替换中的使用 一个看类似变态问题的解决
- 使用PLSQL Developer时,“ORA-12154: TNS:无法解析指定的连接标识符”问题的一个解决办法
- TIUDPClient使用过程中出了一个问题,请教一下怎么解决
- 关于checkboxtree选中的一个小例子非常使用
- 使用一个简单的webframe来解决EAI和分工合作问题
- "执行SQL语句时出现问题操作必须使用一个可更新的查询"错误的解决方法
- 解决使用Visual Studio 2005制作Windows Mobile安装包遇到的一个小问题
- 关于ASP.NET“操作必须使用一个可更新的查询”问题的解决方法
- 使用网上流传的一个数据库连接池在Proxy.newProxyInstance处引起 java.lang.ClassCastException 问题的解决方法
- 使用ld的“-Ttext”选项时可能产生的一个问题的解决方法
- 如何解决ADO.NET访问Access数据库出现"操作必须使用一个可更新的查询"的问题
- 执行SQL语句时出现问题操作必须使用一个可更新的查询错误的解决方法
- 使用JSTL中的一个莫名其妙的问题以及解决
- 如何解决ADO.NET访问Access数据库出现"操作必须使用一个可更新的查询"的问题
- [原创]SQL Server 2005:一个使用新创建的User的问题和解决方法
- SQL Server 2005:一个使用新创建的User的问题和解决方法
- telnet 后使用ctags的一个问题解决
- C++使用出问题,菜鸟一个,不知怎么解决,郁闷