input type="checkbox" js 限制单选

最新推荐文章于 2024-08-17 16:33:18 发布

小雨飞

最新推荐文章于 2024-08-17 16:33:18 发布

阅读量3.5k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq19566/article/details/80896313

版权

js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<input type="checkbox" name="surgeryType" value="患者年龄超过80岁" style="border:outset;"/> 患者年龄超过80岁
<input type="checkbox" name="surgeryType" value="基础病较多" style="border:outset;"/> 基础病较多
<input type="checkbox" name="surgeryType" value="病情较严重" style="border:outset;"/> 病情较严重 

<input type="checkbox" name="surgeryType" value="特殊体质" style="border:outset;"/> 特殊体质

<script>
     
    //checkbox只能选择1个
    $(function(){
        $("input:checkbox").on("change",function(){
            var objName = $(this).attr("name");   //获取name属性的值
            var i = 0;
            //依次遍历上下文所有的含有name='"+objName+"'的input
            //each中index是当前元素的位置，element是值。
            $("input[name='"+objName+"']").each(function(index, element) {
                if($(element).is(':checked'))
                {
                    i++; 
                }
            });
            if(i > 1)
            {
                alert("已经选择了一个");
                $(this).attr("checked",false)
            }
        });
    });

</script>