javascript如何擷取複選框中的值？

標籤：func   val   判斷   checked   com   選中   迴圈   如何擷取   示範   

 

思路：擷取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);}

 

 

3、效果示範

 

javascript如何擷取複選框中的值？