利用jquery获取checkbox 选种值

    <!--利用jquery获取checkbox的选种值
      1.利用了jqury的属性选择器；$("[name='']")
      2.判断check是否选种  Element.checked=false;
      3.向数组中添加元素使用push方法;
    -->
    <input type="checkbox" name="ab" id="" value="1">1
    <input type="checkbox" name="ab" id="" value="2">2
    <input type="checkbox" name="ab" id="" value="3">3
    <input type="checkbox" name="ab" id="" value="4">4
    <button id="test">
        测试
    </button>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script>
        $(function() {
            $("#test").click(function() {
                var arr = [];
                var temp = $("[name='ab']");
                for (var i = 0; i < temp.size(); i++) {
                    if (temp[i].checked) {
                        arr.push($(temp[i]).val());
                    }
                }
                console.log(arr[0]);
            });
        })
    </script>