快捷導(dǎo)航

js簡單獲取表單中單選按鈕值的方法

更新時間：2016年08月23日 11:27:47 作者：xiangqian0505

這篇文章主要介紹了js簡單獲取表單中單選按鈕值的方法,涉及javascript針對form表單元素的遍歷與查找相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了js簡單獲取表單中單選按鈕值的方法。分享給大家供大家參考，具體如下：

HTML部分如下：

<form>
<tr bgcolor="#FFFFFF">
  <td width="84" height="23" rowspan="3" align="center" valign="middle"
  bordercolor="#999999"><span class="STYLE1">回退類型:</span></td>
  <td width="360" align="center" valign="middle" bordercolor="#999999"><input
  type="radio" name="returnTag" value="-1" checked="checked">
  申報(bào)部門</td>
</tr>
<tr bgcolor="#FFFFFF">
  <td align="center" valign="middle" bordercolor="#999999"><input
  type="radio" name="returnTag" value="1"> 省網(wǎng)招標(biāo)中心</td>
</tr>
<tr bgcolor="#FFFFFF">
  <td align="center" valign="middle" bordercolor="#999999"><input
  type="radio" name="returnTag" value="2"> 國網(wǎng)招標(biāo)中心</td>
</tr></form1>

JS代碼如下：

function getValue()
{
//獲取單選按鈕值
  for(var i=0;i<form1.returnTag.length;i++)
  {
   if(form1.returnTag[i].checked)
   {
    var returnTagValue=form1.returnTag[i].value; //這里得到單選按鈕值
    }
  }
}

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript中的數(shù)組使用方法詳解
JavaScript數(shù)組是一種特殊類型的對象,用于存儲多個值,數(shù)組中的每個值都有一個索引,索引從0開始,數(shù)組中的值可以是任何數(shù)據(jù)類型,包括數(shù)字、字符串、布爾值、對象和函數(shù),
2024-10-10
解決javascript:window.close()在chrome,Firefox下失效的問題
本篇文章是對javascript:window.close()在chrome,Firefox下失效問題的解決方法進(jìn)行了分析介紹。需要的朋友參考下
2013-05-05
用headjs來管理和加載js 提高網(wǎng)站加載速度
headjs其實(shí)是一整套的工具，本文介紹的是它其中的Javascript Loader功能。需要的朋友可以參考下
2016-11-11
基于javascript canvas實(shí)現(xiàn)五子棋游戲
這篇文章主要介紹了基于javascript canvas實(shí)現(xiàn)的五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07
js實(shí)現(xiàn)自定義路由
本文介紹了js實(shí)現(xiàn)自定義路由，主要是事件hashchange的使用，然后根據(jù)我們的業(yè)務(wù)需求封裝。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
JS實(shí)現(xiàn)黑色大氣的二級導(dǎo)航菜單效果
這篇文章主要介紹了JS實(shí)現(xiàn)黑色大氣的二級導(dǎo)航菜單效果,具有延遲響應(yīng)鼠標(biāo)事件顯示切換效果的功能,非常簡單實(shí)用,需要的朋友可以參考下
2015-09-09
JS實(shí)現(xiàn)馬賽克圖片效果完整示例
這篇文章主要介紹了JS實(shí)現(xiàn)馬賽克圖片效果,結(jié)合完整實(shí)例形式分析了JavaScript基于HTML5 canvas圖形元素繪制實(shí)現(xiàn)馬賽克效果相關(guān)操作技巧,需要的朋友可以參考下
2019-04-04
TypeScript入門-接口
在TypeScript里，接口的作用就是為這些類型命名和為你的代碼或第三方代碼定義契約。本文將詳細(xì)介紹TypeScript接口的相關(guān)知識。
2017-03-03
Javascript 鼠標(biāo)移動上去小三角形滑塊緩慢跟隨效果
一個tab選項(xiàng)卡，當(dāng)鼠標(biāo)移動上去時紅色滑塊跟隨,在布局過程中經(jīng)常會使用到，本文提供了詳細(xì)的實(shí)現(xiàn)代碼，感興趣的朋友可以參考下
2013-04-04
js 拖拽翻頁實(shí)現(xiàn)代碼
js 拖拽翻頁
2009-04-04