javascript獲取checkbox復選框獲取選中的選項
更新時間:2014年08月12日 16:53:16 投稿:whsnow
這篇文章主要介紹了javascript獲取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); } } 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>",
相關文章
JavaScript中window和document用法詳解
這篇文章主要介紹了JavaScript中window和document用法詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-07-07JS頁面動態(tài)繪圖工具SVG,Canvas,VML介簡介
這篇文章主要介紹了JS頁面動態(tài)繪圖工具SVG,Canvas,VML介簡介,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10JavaScript Event事件學習第一章 Event介紹
Events是每一個JavaScript程序核心。什么是事件處理,它有什么問題和怎樣寫出跨瀏覽器的代碼,我將在這一章做一個概述。我也會提供一些有精彩的關于事件處理程序的細節(jié)的文章。2010-02-02淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別
這篇文章主要介紹了淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別,需要的朋友可以參考下2015-02-02