使用prop解决一个checkbox选中后再次选中失效的问题
更新时间：2017年07月05日 09:06:54 投稿：jingxian
下面小编就为大家带来一篇使用prop解决一个checkbox选中后再次选中失效的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
//问题点
初始状态复选框没有全选，
点击全选按钮调用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选中后再次选中失效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
今天小编就为大家分享一篇jquery弹窗时禁止body滚动条滚动的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JQuery实现样式设置、追加、移除与切换的方法,涉及jQuery样式操作的常用技巧,非常简单实用,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了jQuery实现灰蓝风格标准二级下拉菜单效果代码,涉及jquery鼠标mouseover事件控制页面元素样式动态变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了Jquery滑动门/tab切换实现方法,结合完整实例形式分析了Jquery滑动门/tab切换具体操作技巧与页面元素动态操作实现方法,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了jQuery事件绑定用法,结合实例形式较为详细的分析了jQuery事件绑定的实现原理与相关注意事项,并附带了相关绑定方法的使用说明,重点介绍了bind和live的区别,需要的朋友可以参考下2016-01-01
jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，我在社区也发布了很多的jQuery插件2009-07-07
这篇文章主要介绍了jQuery Chosen通用初始化,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了jquery实现网页左侧导航菜单栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
当我们遇到提交表单时，需要我们重复添加好几个表单，在订单表格中添加多个不同型号的产品信息。这个时候有复制表单表单按钮，也就是新增一项，通过点击复制按钮来实现新增一项，怎么实现的呢？下面小编跟大家分享，需要的朋友的朋友可以参考下2015-09-09
用jquery实现自定义风格的滑动条的实现代码，需要的朋友可以参考下。2011-04-04
最新评论