前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >html全选单选练习

html全选单选练习

作者头像
await
发布2021-09-23 11:56:19
7480
发布2021-09-23 11:56:19
举报
文章被收录于专栏:awaitawait
代码语言:javascript
复制
    Title
    
    
        $(function (){
            $("#quanxun").click(function (){
                $(":checkbox").prop("checked",true);
            });
            $("#buxuan").click(function (){
                $(":checkbox").prop("checked",false);
            });
            $("#fanxuan").click(function (){
                $(":checkbox[name='items']").each(function (){
                    this.checked=!this.checked;
                });
                var length = $(":checkbox[name='items']").length;
                var xuanzhong = $(":checked[name='items']:checked").length;
                $("#check").prop("checked",length==xuanzhong);
            });
            $("#tijiao").click(function (){
                $(":checked[name='items']:checked").each(function (){
                    alert(this.value);
                });
            });
            $("#check").click(function (){

                $(":checked[name='items']").prop("checked",this.checked);
            });

            $(":checked[name='items']").click(function (){
                var length = $(":checkbox[name='items']").length;
                var xuanzhong = $(":checked[name='items']:checked").length;
                $("#check").prop("checked",length==xuanzhong);
            });
        });
    



    你的爱好是: 全选/全不选
    
        电影
        音乐
        运动
        睡觉

本文共 35 个字数,平均阅读时长 ≈ 1分钟

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档