1 1

首頁  >  文章  >  web前端  >  在js中如何獲得checkbox裡選取的多個值

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

一个新手
一个新手原創
2017-09-30 09:40:303141瀏覽

想法:利用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn