js中獲取jsp表單中radio類型的值簡單實例

更新時間：2016年08月15日 11:36:01 投稿：jingxian

下面小編就為大家?guī)硪黄猨s中獲取jsp表單中radio類型的值簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

1、問題的引出：

我們經(jīng)常需要在js中使用ajax向后臺發(fā)送請求，在這之前我們需要搜集所需的Form表單參數(shù)，我常常會如此解決，簡單省事：

// editBasicDataObjectForm 為 form的id，data的形式為 name1=val1&name2=val2&name3=val3&.....

var data = $("#editBasicDataObjectForm").serialize();

但在一次我需要單獨獲得表單中radio類型的字段值時，我卡住了。

經(jīng)過各種查閱，終于有了結(jié)果。

2、問題的解決：

2.1 editBasicDataObjectForm.jsp中:

<div calss="baselineType">

  <div class=”baselineTypeLable”>

    <label>基線類型：</albel>

  </div>                    

  <div class=”baselineTypeValue”>

    <input type=”radio” name=”baselineType” id=” baselineType1” value=”1”/>非基線

    <input type=”radio” name=”baselineType” id=”baselineType2” value=”2” />功能基線

    <input type=”radio” name=”baselineType” id=”baselineType3” value=”3” />分配基線

  </div>

</div>

2.2 basicDataObjectOperator.js中:

var baselineType;

var baselineTypeHtmlCol = document.getEementsByName(“baselineType”);

For(var i = 0; I < baselineTypeHtmlCol.length; I ++)

{

If(baselineTypeHtmlCol[i].checked)

{

baselineType = baselineTypeHtmlCol[i].value;
}

}

.................. 
baselineType即為我們所需的值。 n_n

以上這篇js中獲取jsp表單中radio類型的值簡單實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

jsp
radio

相關(guān)文章

JS實現(xiàn)輪播圖案例
這篇文章主要為大家詳細介紹了JS實現(xiàn)輪播圖案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
JS基于對象的特性實現(xiàn)去除數(shù)組中重復(fù)項功能詳解
這篇文章主要介紹了JS基于對象的特性實現(xiàn)去除數(shù)組中重復(fù)項功能,結(jié)合實例形式較為詳細的分析了js基于key值唯一性實現(xiàn)數(shù)組去重的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-11-11
element-ui 的el-button組件中添加自定義顏色和圖標(biāo)的實現(xiàn)方法
這篇文章主要介紹了element-ui 的el-button組件中添加自定義顏色和圖標(biāo)的實現(xiàn)方法，目前的解決方案是：添加一個自定義全局指令，同時在element-ui源碼中，加入對應(yīng)的組件。需要的朋友跟隨小編一起看看吧
2018-10-10
uniapp使用webview嵌入vue頁面及通信實現(xiàn)方式
項目中有需要嵌入其他H5的頁面的業(yè)務(wù)需求,這篇文章主要給大家介紹了關(guān)于uniapp使用webview嵌入vue頁面及通信實現(xiàn)方式的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-01-01
微信小程序自定義膠囊樣式
這篇文章主要為大家詳細介紹了微信小程序自定義膠囊樣式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
淺談setTimeout 與 setInterval
實際上，setTimeout和setInterval的語法相同。它們都有兩個參數(shù)，一個是將要執(zhí)行的代碼字符串，還有一個是以毫秒為單位的時間間隔，當(dāng)過了那個時間段之后就將執(zhí)行那段代碼。不過這兩個函數(shù)還是有區(qū)別的
2015-06-06
推薦一個自己用的封裝好的javascript插件
本文推薦給大家一款自用的封裝好的javascript插件，常用的一些檢測全部都涵蓋了，非常實用，推薦給小伙伴們。
2015-01-01
完美實現(xiàn)js拖拽效果 return false用法詳解
這篇文章主要為大家詳細介紹了完美實現(xiàn)js拖拽效果的代碼，一起學(xué)習(xí)return false的用法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
javascript判斷firebug是否開啟的方法
這篇文章主要介紹了javascript判斷firebug是否開啟的方法,結(jié)合實例形式分析了javascript基于console控制臺方法判斷firebug開啟狀態(tài)的相關(guān)操作技巧,需要的朋友可以參考下
2016-11-11
js純前端實現(xiàn)騰訊cos文件上傳功能的示例代碼
這篇文章主要介紹了vue純前端實現(xiàn)騰訊cos文件上傳功能的示例代碼,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-05-05