美文网首页
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