js獲取checkbox復選框選中的選項實例
更新時間:2014年08月24日 14:49:02 投稿:whsnow
這篇文章主要介紹了js如何獲取checkbox復選框選中的選項,比較適合新手,需要的朋友可以參考下
有關javascript 獲取checkbox復選框的實例數(shù)不勝數(shù)。
js實現(xiàn):
var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var message = ""; for (var i = 0, len = option.length; i < len; i++) { message += "Select id:" + option[i].id + "\nSelected name:" + option[i].name + "\nSelected value:" + option[i].value + "\n\n"; } alert(message); /*獲取選中的選項*/ getSelectedOption: function (selectform, selectionfield) { var result = []; var option = null; for (var i = 0; i < selectionfield.length; i++) { option = selectionfield[i]; if (option.checked) { result.push(option); } www.dbjr.com.cn } return result; } <form id='form2'> <label>排序:</label><input id='aaaaa' type='checkbox' name='test2' value='1'> <label for='aaaaa'>月銷量</label><input id='bbbbb' type='checkbox' name='test2' value='2'> <label for='bbbbb'>評分</label><input id='ccccc' type='checkbox' name='test2' value='3'> <label for='ccccc'>優(yōu)惠</label> <br style='clear:both'><label>分類:</label><input id='ddddd' type='checkbox' name='test2' value='4'> <label for='ddddd'>商務套餐</label><input id='eeeee' type='checkbox' name='test2' value='5'> <label for='eeeee'>涼菜</label><input id='fffff' type='checkbox' name='test2' value='6'> </form>",
相關文章
基于JS實現(xiàn)移動端向左滑動出現(xiàn)刪除按鈕功能
最近在做移動端項目時,需要實現(xiàn)一個列表頁面的每一項item向左滑動時出現(xiàn)相應的刪除按鈕,其實實現(xiàn)此功能很簡單的。這篇文章主要介紹了基于js實現(xiàn)移動端向左滑動出現(xiàn)刪除按鈕,需要的朋友可以參考下2017-02-02用js實現(xiàn)的檢測瀏覽器和系統(tǒng)的函數(shù)
檢測各種瀏覽器、系統(tǒng)的JS代碼2009-04-04javascript實現(xiàn)uploadify上傳格式以及個數(shù)限制
這篇文章主要介紹了javascript如何限制uploadify上傳格式以及個數(shù)的實現(xiàn)方法,感興趣的小伙伴們可以參考一下2015-11-11