自学web编程的第N+1天，jquery+checkbox实现单选

最新推荐文章于 2024-08-14 11:55:10 发布

南岭折腾侠

最新推荐文章于 2024-08-14 11:55:10 发布

阅读量90

点赞数

分类专栏： SIYUCMS

本文链接：https://blog.csdn.net/lumin509/article/details/125194810

版权

前端开发 JavaScript 单选复选框多选限制

关键词由CSDN通过智能技术生成

SIYUCMS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

。。。。。。

有这样很多个复选框，但是只能单选一个或者不选。

只需如此：

<script>
   
    $(function(){
        $(":checkbox[name='key']").each(function(){
            $(this).click(function () {
                if ($(this).is(":checked")) {
　　　　　　　　　　　　　　　　//$('#cb').prop('checked') 一样的效果
                    $(":checkbox[name='key']").each(function () {
                        $(this).prop("checked", false);
                    });
                    $(this).prop("checked", true);
                }
            });
        });
    });
</script>