js獲取單選按鈕的數(shù)據(jù)
更新時(shí)間：2006年11月27日 00:00:00 作者：
也許這是個(gè)很簡(jiǎn)單的問(wèn)題，可是在我學(xué)習(xí)程序的時(shí)候忽略了單選按鈕。導(dǎo)致對(duì)于他的數(shù)據(jù)傳遞方法的空缺。經(jīng)過(guò)嗷嗷的幫助實(shí)現(xiàn)了下面關(guān)于年齡選擇的表單的數(shù)據(jù)獲取，僅僅在IE下測(cè)試成功了。先測(cè)試一下這個(gè)程序效果。
<form method="post" name="form1">
<label><input type="radio" name="radio" value="1-10 歲">1-10 歲</label>
<label><input type="radio" name="radio" value="11 歲">11 歲</label>
<label><input type="radio" name="radio" value="12-120 歲">12-120 歲</label>
<input type="button" onclick="ok()" value="測(cè)試選擇值">
</form>
下面是js獲取數(shù)據(jù)
<script language="javascript" type="text/javascript">
<!--
function ok()
{
var temp=document.getElementsByName("radio");
for (i=0;i<temp.length;i++){
//遍歷Radio
if(temp[i].checked)
{alert("你選擇了"+temp[i].value);
//獲取Radio的值
document.form2.textfield.value="你選擇了"+temp[i].value;
//傳遞給另外一個(gè)表單
}
}
}
-->
</script>
還想數(shù)據(jù)傳遞給另外一個(gè)表單
參考資料
js:http://www.blueidea.com/tech/web/2006/3567_8.asp
form:http://www.netvtm.com/w3s/html/html-forms.html
復(fù)制代碼 代碼如下:
<form method="post" name="form1">
<label><input type="radio" name="radio" value="1-10 歲">1-10 歲</label>
<label><input type="radio" name="radio" value="11 歲">11 歲</label>
<label><input type="radio" name="radio" value="12-120 歲">12-120 歲</label>
<input type="button" onclick="ok()" value="測(cè)試選擇值">
</form>
下面是js獲取數(shù)據(jù)
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
<!--
function ok()
{
var temp=document.getElementsByName("radio");
for (i=0;i<temp.length;i++){
//遍歷Radio
if(temp[i].checked)
{alert("你選擇了"+temp[i].value);
//獲取Radio的值
document.form2.textfield.value="你選擇了"+temp[i].value;
//傳遞給另外一個(gè)表單
}
}
}
-->
</script>
還想數(shù)據(jù)傳遞給另外一個(gè)表單
復(fù)制代碼 代碼如下:
<form method="post" name="form2">
<input type="text" name="textfield">
</form>
<input type="text" name="textfield">
</form>
參考資料
js:http://www.blueidea.com/tech/web/2006/3567_8.asp
form:http://www.netvtm.com/w3s/html/html-forms.html
您可能感興趣的文章:
- js簡(jiǎn)單獲取表單中單選按鈕值的方法
- JSP單選按鈕驗(yàn)證、下拉框驗(yàn)證、復(fù)選框驗(yàn)證實(shí)現(xiàn)代碼
- Vue.js表單標(biāo)簽中的單選按鈕、復(fù)選按鈕和下拉列表的取值問(wèn)題
- js取消單選按鈕選中示例代碼
- javascript 單選按鈕 單擊選中 雙擊取消選擇實(shí)現(xiàn)代碼
- JavaScript實(shí)現(xiàn)點(diǎn)擊單選按鈕改變輸入框中文本域內(nèi)容的方法
- js使用DOM設(shè)置單選按鈕、復(fù)選框及下拉菜單的方法
- js實(shí)現(xiàn)不提交表單獲取單選按鈕值的方法
- JS獲取下拉框顯示值和判斷單選按鈕的方法
- js布局實(shí)現(xiàn)單選按鈕控件
相關(guān)文章
這篇文章主要介紹了JavaScript檢測(cè)上傳文件大小的方法,涉及javascript針對(duì)上傳文件的相關(guān)判定技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了js與運(yùn)算符和或運(yùn)算符的使用方法,需要的朋友可以參考下2014-02-02
JS+CSS實(shí)現(xiàn)自適應(yīng)選項(xiàng)卡寬度的圓角滑動(dòng)門(mén)效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)自適應(yīng)選項(xiàng)卡寬度的圓角滑動(dòng)門(mén)效果,通過(guò)簡(jiǎn)單的css設(shè)置實(shí)現(xiàn)圓角滑動(dòng)門(mén)功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
???????Rxjs?map,?mergeMap?和?switchMap?的區(qū)別與聯(lián)系
這篇文章主要介紹了???????Rxjs?map,mergeMap和switchMap的區(qū)別與聯(lián)系，map、mergeMap和switchMap是RxJS中的三個(gè)主要運(yùn)算符，在SAP?Spartacus開(kāi)發(fā)中有著廣泛的使用場(chǎng)景2022-07-07
JS網(wǎng)絡(luò)游戲-(模擬城市webgame)提供的一些例子下載
JS網(wǎng)絡(luò)游戲-(模擬城市webgame)提供的一些例子下載...2007-10-10
jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果,需要的朋友可以參考下2014-04-04
javascript jscroll模擬html元素滾動(dòng)條
這里是自己在工作不太忙的時(shí)候?qū)懗鰜?lái)了一個(gè)用戶(hù)可以自定義的滾動(dòng)條jscroll，以下簡(jiǎn)稱(chēng)jscroll。jscroll默認(rèn)只提供一種滾動(dòng)條樣式，部分樣式來(lái)自google webstore ，其中有部分css3樣式主要用于實(shí)現(xiàn)圓角，陰影效果2012-12-12
$符號(hào)在php中是表示變量的特征字符， 在js中它也有很多作用， 一般我們用來(lái)命名一個(gè)函數(shù)名稱(chēng)，獲取id的2008-06-06
JavaScript原型和原型鏈與構(gòu)造函數(shù)和實(shí)例之間的關(guān)系詳解
這篇文章主要介紹了JavaScript原型和原型鏈與構(gòu)造函數(shù)和實(shí)例之間的關(guān)系，每個(gè)對(duì)象都連接到一個(gè)原型對(duì)象，并且它可以從中繼承屬性。所有通過(guò)對(duì)象字面量創(chuàng)建的對(duì)象都連接到object.prototype，它是JavaScript中的標(biāo)配對(duì)象2022-07-07
Array 重排序方法和操作方法的簡(jiǎn)單實(shí)例
下面小編就為大家簡(jiǎn)單的介紹Array中reverse(),sort(),concat(),slice(),splice()方法的應(yīng)用。一起過(guò)來(lái)看看吧2014-01-01