Jquery实现复选框的选中和取消

复选框的选中与取消

我在网上看了好多关于这个问题的解答,好多都是一两个按钮的触发事件,有的甚至没有任何效果,经过自己的调试发现这个方法好用一点:
在这里插入图片描述

首先我在页面上添加了这样一个复选框

我的在这里插入图片描述

我的复选框是动态加载的,内容是从数据库加载的。

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190430122818768.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x5bTAwMw==,size_16,color_FFFFFF,t_70)

显示的效果图就是以上这样的。

代码

$("#inputc").click(function () {
            $("input[name='ck']").prop("checked", $("#inputc").prop("checked"))
        })//   复选框全选和全部取消

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190430123527746.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x5bTAwMw==,size_16,color_FFFFFF,t_70)

posted @ 2023-04-18 11:19  lym003  阅读(308)  评论(0)    收藏  举报