美文网首页
input type="checkbox"

input type="checkbox"

作者: geeooooz | 来源:发表于2018-09-28 10:22 被阅读29次
<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)
            }
        });
    }); 

相关文章

网友评论

      本文标题:input type="checkbox"

      本文链接:https://www.haomeiwen.com/subject/rvmuoftx.html