在js中如何獲得checkbox裡選取的多個值

想法：利用name屬性值來取得checkbox對象，然後循環判斷checked屬性（true表示被選中，false表示未選中）。以下進行實例示範：

1、HTML結構

<input type="checkbox" name="test" value="1" />
<span>
    1
</span>
<input type="checkbox" name="test" value="2" />
<span>
    2
</span>
<input type="checkbox" name="test" value="3" />
<span>
    3
</span>
<input type="checkbox" name="test" value="4" />
<span>
    4
</span>
<input type="checkbox" name="test" value="5" />
<span>
    5
</span>
<input type=&#39;button&#39; value=&#39;提交&#39; onclick="show()" />

2、javascript程式碼(jQuery)

#

function show(){
    obj = document.getElementsByName("test");
    check_val = [];
    for(k in obj){
        if(obj[k].checked)
            check_val.push(obj[k].value);
    }
    alert(check_val);
}

3、示範效果

#

以上是在js中如何獲得checkbox裡選取的多個值的詳細內容。更多資訊請關注PHP中文網其他相關文章！