js獲取checkbox復(fù)選框選中的選項(xiàng)實(shí)例
更新時(shí)間:2014年08月24日 14:49:02 投稿:whsnow
這篇文章主要介紹了js如何獲取checkbox復(fù)選框選中的選項(xiàng),比較適合新手,需要的朋友可以參考下
有關(guān)javascript 獲取checkbox復(fù)選框的實(shí)例數(shù)不勝數(shù)。
js實(shí)現(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); /*獲取選中的選項(xiàng)*/ 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'>商務(wù)套餐</label><input id='eeeee' type='checkbox' name='test2' value='5'> <label for='eeeee'>涼菜</label><input id='fffff' type='checkbox' name='test2' value='6'> </form>",
您可能感興趣的文章:
- Gridview使用CheckBox全選與單選采用js實(shí)現(xiàn)同時(shí)高亮顯示選擇行
- js獲取checkbox值的方法
- js checkbox(復(fù)選框) 使用集錦
- js 判斷checkbox是否選中的實(shí)現(xiàn)代碼
- js單獨(dú)獲取一個checkbox看其是否被選中
- js實(shí)現(xiàn)checkbox全選、不選與反選的方法
- JS獲得選取checkbox整行數(shù)據(jù)的方法
- js獲取所有checkbox的值的簡單實(shí)例
- JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法
- JS實(shí)現(xiàn)checkbox互斥(單選)功能示例
相關(guān)文章
基于JS實(shí)現(xiàn)移動端向左滑動出現(xiàn)刪除按鈕功能
最近在做移動端項(xiàng)目時(shí),需要實(shí)現(xiàn)一個列表頁面的每一項(xiàng)item向左滑動時(shí)出現(xiàn)相應(yīng)的刪除按鈕,其實(shí)實(shí)現(xiàn)此功能很簡單的。這篇文章主要介紹了基于js實(shí)現(xiàn)移動端向左滑動出現(xiàn)刪除按鈕,需要的朋友可以參考下2017-02-02利用JS重寫Cognos右鍵菜單的實(shí)現(xiàn)代碼
我寫了一個利用JS禁用Cognos右鍵菜單,下面的JS可以實(shí)現(xiàn)重寫Cognos的右鍵菜單。只要將下面的代碼拷到一個HTML項(xiàng)里即可。2010-04-04用js實(shí)現(xiàn)的檢測瀏覽器和系統(tǒng)的函數(shù)
檢測各種瀏覽器、系統(tǒng)的JS代碼2009-04-04javascript實(shí)現(xiàn)uploadify上傳格式以及個數(shù)限制
這篇文章主要介紹了javascript如何限制uploadify上傳格式以及個數(shù)的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下2015-11-11利用JavaScript編寫一個花里胡哨的點(diǎn)擊按鈕
這篇文章主要介紹了如何利用HTML+CSS+JavaScript制作一個花里胡哨的點(diǎn)擊按鈕。文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2022-03-03