最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js獲取checkbox復(fù)選框選中的選項實例

 更新時間:2014年08月24日 14:49:02   投稿:whsnow  
這篇文章主要介紹了js如何獲取checkbox復(fù)選框選中的選項,比較適合新手,需要的朋友可以參考下

有關(guān)javascript 獲取checkbox復(fù)選框的實例數(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);
} m.fzitv.net

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

相關(guān)文章

  • 前端實現(xiàn)截屏的兩種常見方式

    前端實現(xiàn)截屏的兩種常見方式

    這篇文章主要介紹了前端實現(xiàn)截屏的兩種常見方式,分別是使用第三方庫html2canvas和navigator.mediaDevices.getDisplayMedia,兩種方法都給出了詳細(xì)的代碼示例,需要的朋友可以參考下
    2025-03-03
  • JavaScript DOM節(jié)點添加示例

    JavaScript DOM節(jié)點添加示例

    本節(jié)為大家介紹下JavaScript DOM節(jié)點添加,將node里面的str放到h1段落中使之成為h1的新段落
    2014-07-07
  • JS實現(xiàn)用戶注冊界面功能

    JS實現(xiàn)用戶注冊界面功能

    這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)用戶注冊界面功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 收藏Javascript中常用的55個經(jīng)典技巧

    收藏Javascript中常用的55個經(jīng)典技巧

    收藏Javascript中常用的55個經(jīng)典技巧...
    2007-08-08
  • 詳解JavaScript基礎(chǔ)知識(JSON、Function對象、原型、引用類型)

    詳解JavaScript基礎(chǔ)知識(JSON、Function對象、原型、引用類型)

    這篇文章主要介紹了JavaScript基礎(chǔ)知識(JSON、Function對象、原型、引用類型)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2018-01-01
  • 理解JavaScript設(shè)計模式中的單例模式

    理解JavaScript設(shè)計模式中的單例模式

    這篇文章主要介紹了理解JavaScript設(shè)計模式中的單例模式,單例模式即Singleton?Pattern是最簡單的設(shè)計模式之一,下文更多相關(guān)介紹感興趣的小伙伴可以參考一下
    2022-04-04
  • 詳解如何利用JavaScript繪制堆疊柱狀圖

    詳解如何利用JavaScript繪制堆疊柱狀圖

    堆疊柱狀圖將每個柱子進(jìn)行分割以顯示相同類型下各個數(shù)據(jù)的大小情況。可以形象得展示一個大分類包含的每個小分類的數(shù)據(jù),以及各個小分類的占比,顯示的是單個項目與整體之間的關(guān)系。本文將利用JavaScript實現(xiàn)堆疊柱狀圖的繪制,需要的可以參考一下
    2022-03-03
  • 一覽畫面點擊復(fù)選框后獲取多個id值的方法

    一覽畫面點擊復(fù)選框后獲取多個id值的方法

    這篇文章主要介紹了在一覽畫面點擊復(fù)選框后獲取多個id值的方法,前臺采用js技術(shù)后臺采用java技術(shù)實現(xiàn)的,邏輯清晰,非常不錯,具有參考借鑒價值,感興趣的朋友一起看看吧
    2016-05-05
  • JavaScript交換變量的常用方法小結(jié)【4種方法】

    JavaScript交換變量的常用方法小結(jié)【4種方法】

    這篇文章主要介紹了JavaScript交換變量的常用方法,結(jié)合實例形式總結(jié)分析了JavaScript交換變量的4種實現(xiàn)方法與操作注意事項,需要的朋友可以參考下
    2020-05-05
  • 詳解如何用babel轉(zhuǎn)換es6的class語法

    詳解如何用babel轉(zhuǎn)換es6的class語法

    這篇文章主要介紹了詳解如何用babel轉(zhuǎn)換es6的class語法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-04-04

最新評論

浦东新区| 五原县| 乐都县| 达尔| 惠东县| 休宁县| 阿拉善右旗| 平凉市| 巨鹿县| 泾川县| 南靖县| 察哈| 阳城县| 溧水县| 辛集市| 醴陵市| 卫辉市| 镶黄旗| 改则县| 梨树县| 鸡西市| 龙门县| 拜城县| 西丰县| 铜川市| 磐安县| 凤城市| 车险| 上犹县| 枣强县| 绥滨县| 纳雍县| 鲁甸县| 偃师市| 建宁县| 巩留县| 屏山县| 石楼县| 连云港市| 滨州市| 阳谷县|