js獲取單選按鈕的數(shù)據(jù)
更新時(shí)間:2006年11月27日 00:00:00 作者:
也許這是個(gè)很簡(jiǎn)單的問題,可是在我學(xué)習(xí)程序的時(shí)候忽略了單選按鈕。導(dǎo)致對(duì)于他的數(shù)據(jù)傳遞方法的空缺。經(jīng)過嗷嗷的幫助實(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ù)選按鈕和下拉列表的取值問題
- 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實(shí)現(xiàn)復(fù)制粘貼剪切功能三種方法
這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)復(fù)制粘貼剪切功能的相關(guān)資料,在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的開發(fā)需求,文中通過代碼將三種方法介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-118個(gè)JavaScript條件語句優(yōu)化小技巧分享
在日常的開發(fā)中,我們經(jīng)常會(huì)編寫一些條件語句,過多的?if...else會(huì)導(dǎo)致代碼難以理解和維護(hù),今天小編來分享幾個(gè)優(yōu)化條件語句的小技巧,希望對(duì)大家有所幫助2022-07-07關(guān)于TypeScript應(yīng)該盡量避免的語法總結(jié)
TypeScript是JavaScript的超集,具有類型系統(tǒng),支持ES6語法,支持面向?qū)ο缶幊痰母拍?下面這篇文章主要給大家介紹了關(guān)于TypeScript應(yīng)該盡量避免的語法,需要的朋友可以參考下2022-04-04