//问题点

初始状态复选框没有全选，

点击全选按钮调用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 () {

                $(":checkbox").each(function () {

                    if($(this).is(":checked")){

                        $(this).attr("checked",false);

                    }else{

                        $(this).prop("checked",true);

                    }

                });

            });

            $("#submit").click(function () {

                var s=[];

                $(":checkbox").each(function () {

                    if($(this).is(":checked")){

                        var temp=$(this).val();

                        s.push(temp);//注意这里不能使方括号

                    }

                })

                var xx=s.join();//默认中间加逗号

                console.log("你喜欢的运动有："+xx);

            })

        })

    </script>

</head>

<body>

<input type="checkbox" value="乒乓球" id="">乒乓球

<input type="checkbox" value="羽毛球" id="">羽毛球

<input type="checkbox" value="足球" id="">足球

<input type="checkbox" value="篮球" id="">篮球

<input type="checkbox" value="排球" 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选中后再次选中失效的问题的更多相关文章

  1. 转 mvc项目中,解决引用jquery文件后智能提示失效的办法

    mvc项目中,解决用Url.Content方法引用jquery文件后智能提示失效的办法   这个标题不知道要怎么写才好, 但是希望文章的内容对大家有帮助. 场景如下: 我们在用开发开发程序的时候,经常 ...

  2. 只有一个radio的单选框如何在选中后取消选中

    <input type="radio" id="all" value="1" name="executeRadio" ...

  3. select 如何在选中后获取选中的时是什么元素 ，（原生js)

    在日常开发中,我们经常遇到选择框的业务处理:如何去获取我们所选中的数据呢? 很多小伙伴还不是很熟悉! <!DOCTYPE html> <html lang="en" ...

  4. 解决Git Revert操作后再次Merge代码被冲掉的问题

    转:https://blog.csdn.net/paul_wei2008/article/details/77477932 https://blog.csdn.net/cxn945/article/d ...

  5. 解决每次升级Xcode后三方插件失效问题

    其实就是插件里面的UIID没有加新XcodedeUIID 拿常用的Alactraz来说 在Terminal中 un these 2 lines in terminal:1:find ~/Library ...

  6. ionic UI Component Slides使用:手动滑动后自动滑动失效解决

    在使用ionic的UI组件Slides时,发现手动滑动后,自动滑动失效 然后历经一点点的艰辛查找后找到方法,如下: 页面代码使用 <ion-slides pager loop="tru ...

  7. jquery操作checkBox 一次取消选中后不能再选中

    $("input[type='checkbox']").each(function(){ $(this).attr("checked","checke ...

  8. UITableView设置单元格选中后只显示一个打勾的三种简单方法（仅供参考）

    1.第一种方法:先定位到最后一行,若选中最后一行直接退出,否则用递归改变上次选中的状态,重新设置本次选中的状态. - (UITableViewCell*)tableView:(UITableView* ...

  9. js设置下拉框选中后change事件无效解决

    下拉框部分代码: <select id="bigType"> <option value="">请选择</option> & ...

随机推荐

  1. SignalR在ASP.NET MVC中的应用

    一.简介 ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程.实时 Web 功能是指这样一种功能:当所连接的客户端变得 ...

  2. 【JAVASCRIPT】React学习-巧用 props 的 children 属性实现内容填充

    背景 平常写组件,经常遇到需要获取内容放入组件内部的情形. 实现方法 我们有两种实现方式 1. 自定义 props render 的时候通过获取 this.props.content 填充到组件内部 ...

  3. 服务器运行环境部署（PHP）

    1.使用的是腾讯云服务器,系统为centOS: 2.LAMP环境配置查看:https://cloud.tencent.com/document/product/213/8043: 3.mysql-se ...

  4. git分支管理之创建与合并分支

    在版本回退里,你已经知道,每次提交,Git都把它们串成一条时间线,这条时间线就是一个分支.截止到目前,只有一条时间线,在Git里,这个分支叫主分支,即master分支.HEAD严格来说不是指向提交,而 ...

  5. (1)xcode基本设置和控制器等介绍

    1.在IOS应用程序中,如果没有对storyBoard进和设置它的界面是非常大,有时候如果把元素放在右边会出现运行程序时超出显示界面而不显示的问题．为了解决这个问题我们通常会在用模拟器设置调试界面的时 ...

  6. ios 加密

    0728 加密 MD5加密 可解 因为有MD5库 但是可以通过 加盐(也就是拼接字符串  在进行加密)的方法进行加密这样在解得时候就不会那么容易 也可以使用时间戳 进行加盐 加密 时间戳 可只用到分钟 ...

  7. 【NO.2】Jmeter-安装Jmeter - 在Linux环境安装Jmeter - 在Windows环境安装Jmeter

    当配置完Jmeter运行的环境之后,就可以开始安装Jmeter了. 为什么既要告诉各位＂在Linux系统内安装Jmeter＂,又要告诉各位＂在Windows系统内安装Jmeter＂?因为当我们在构建1 ...

  8. 计蒜客模拟赛D2T3 蒜头君救人：用bfs转移状压dp

    题目链接:https://nanti.jisuanke.com/t/16444 题意: 蒜头君是一个乐于助人的好孩子,这天他所在的乡村发生了洪水,有多名村民被困于孤岛上,于是蒜头君决定去背他们离开困境 ...

  9. hibernate 根据数据库表反生成javaBean

  10. Session的引入以及Cookie的不足

    一.为什么引入session > Cookie实际上就是一个头. > 服务器会创建Cookie,并且将Cookie以一个响应头的形式发送给浏览器        > 浏览器收到Cook ...