程世欢的博客

不积跬步,无以至千里

全选与ajax

body:

<form id="form" method="get" action="/username=1&&password=2">
    <label><input type="checkbox" name="亚洲" value="亚洲">亚洲</label>
    <label><input type="checkbox" name="亚洲" value="亚洲">亚洲</label>
    <label><input type="checkbox" name="亚洲" value="亚洲">亚洲</label>
    <label><input type="checkbox" name="亚洲" value="亚洲">亚洲</label><br>
    <label><input type="checkbox" onclick="CheckAll('selectAll',this)">全选</label>
    <label>
         <input type="button" value="提交" class="sub">
    </label>
</form>

js
<script>
    function CheckAll(value,obj)  {
        var form = document.getElementById("form").getElementsByTagName("input");
        for (var i=0;i<form.length;i++){
            if(form[i].type=="checkbox"){
                var e = form[i];
                if (value=="selectAll")
                {  
                    e.checked=obj.checked;
                }
                else{e.checked=!e.checked;}
            }
        }
    }
    $('.sub').click(function(){
        var arr=[];
        $('#form').find('input[name="亚洲"]:checked').each(function(){
            var   value=$(this).val();
            arr.push(value);
        })
        alert(arr);

    alert(value);
    })
</script>

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011005377/article/details/51537773
个人分类: ajax的应用
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

全选与ajax

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭