input type="checkbox"

2018-09-28  本文已影响29人  geeooooz
<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;"/> 测试
<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)
            }
        });
    }); 

上一篇 下一篇

猜你喜欢

热点阅读