javascript如何獲取復選框中的值？

思路：獲取checkbox對象→循環checkbox數組，根據checked屬性判斷是否選中→使用value屬性獲取選中項的值。實例演示如下：

1、HTML結構

<form>
    <input type="checkbox" name="ids" value="1" />
    <input type="checkbox" name="ids" value="2" />
    <input type="checkbox" name="ids" value="3" />
    <input type="button" value="顯示" onclick="getIds()" />
</form>

 

2、javascript代碼

function getIds(){
    var ids = document.getElementsByName("ids");
    var str = [];
    for(i=0;i<ids.length;i++){
        if(ids[i].checked){
            str.push(ids[i].value);
        }
    }
    console.log(str);
}