使用jQuery獲取到所有複選框的值並用Ajax異步提交數據

使用jQuery獲取到所有複選框的值並用Ajax異步提交數據

<body>
<div>
   <input type="checkbox" name="check"  value="1"/>複選框1
   <input type="checkbox" name="check"  value="2"/>複選框2
   <input type="checkbox" name="check"  value="3"/>複選框3
    <br/>
   <input type="checkbox" name="check"  value="4"/>複選框4
   <input type="checkbox" name="check" value="5"/>複選框5
   <input type="checkbox" name="check"  value="6"/>複選框6
    <br/>
   <input type="checkbox" name="check"  value="7"/>複選框7
   <input type="checkbox" name="check"  value="8"/>複選框8
   <input type="checkbox" name="check"  value="9"/>複選框9
   <input type="button" id="dosubmit" value="提交">
</div>
</body>

<script>
    $('#dosubmit').click(function(){
        var checkID = [];//定義一個空數組

        $("input[name='check']:checked").each(function(i){//把所有被選中的複選框的值存入數組
            checkID[i] =$(this).val();
        });

        //用Ajax傳遞參數
        $.post('Ajax.php',{checkID:checkID},function(json){

        },'json')
    })
</script>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章