欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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>",

相關文章

  • js constructor的實際作用分析

    js constructor的實際作用分析

    大家討論下constructor的作用哈,需要的朋友可以參考下。從51js摘編而來。
    2011-11-11
  • 微信小程序連接MySQL數(shù)據(jù)庫的全過程

    微信小程序連接MySQL數(shù)據(jù)庫的全過程

    微信小程序是不能直接連接數(shù)據(jù)庫進行數(shù)據(jù)操作的,這是出于安全的考慮,下面這篇文章主要給大家介紹了關于微信小程序連接MySQL數(shù)據(jù)庫的全過程,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-01-01
  • JavaScript中window和document用法詳解

    JavaScript中window和document用法詳解

    這篇文章主要介紹了JavaScript中window和document用法詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-07-07
  • JS 循環(huán)li添加點擊事件 (閉包的應用)

    JS 循環(huán)li添加點擊事件 (閉包的應用)

    這篇文章主要介紹了js循環(huán)li添加點擊事件 (閉包的應用)的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-12-12
  • js實現(xiàn)按鈕控制圖片360度翻轉特效的方法

    js實現(xiàn)按鈕控制圖片360度翻轉特效的方法

    這篇文章主要介紹了js實現(xiàn)按鈕控制圖片360度翻轉特效的方法,涉及HTML5中canvas方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • JS頁面動態(tài)繪圖工具SVG,Canvas,VML介簡介

    JS頁面動態(tài)繪圖工具SVG,Canvas,VML介簡介

    這篇文章主要介紹了JS頁面動態(tài)繪圖工具SVG,Canvas,VML介簡介,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-10-10
  • uniapp時間格式化處理實現(xiàn)

    uniapp時間格式化處理實現(xiàn)

    本文主要介紹了uniapp時間格式化處理實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-08-08
  • JavaScript進階知識點作用域詳解

    JavaScript進階知識點作用域詳解

    這篇文章主要介紹了JavaScript進階講解一作用域,主要包括作用域、函數(shù)、閉包、面向對象、ES新特性、事件循環(huán)、微任務、宏任務、內存管理、Promise、await、?asnyc、防抖、節(jié)流等等知識點,需要的朋友可以參考下
    2022-05-05
  • JavaScript Event事件學習第一章 Event介紹

    JavaScript Event事件學習第一章 Event介紹

    Events是每一個JavaScript程序核心。什么是事件處理,它有什么問題和怎樣寫出跨瀏覽器的代碼,我將在這一章做一個概述。我也會提供一些有精彩的關于事件處理程序的細節(jié)的文章。
    2010-02-02
  • 淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別

    淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別

    這篇文章主要介紹了淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別,需要的朋友可以參考下
    2015-02-02

最新評論