js獲取單選按鈕的數(shù)據(jù)
更新時間：2006年11月27日 00:00:00 作者：
也許這是個很簡單的問題，可是在我學習程序的時候忽略了單選按鈕。導致對于他的數(shù)據(jù)傳遞方法的空缺。經過嗷嗷的幫助實現(xiàn)了下面關于年齡選擇的表單的數(shù)據(jù)獲取，僅僅在IE下測試成功了。先測試一下這個程序效果。
<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="測試選擇值">
</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;
//傳遞給另外一個表單
}
}
}
-->
</script>
還想數(shù)據(jù)傳遞給另外一個表單
參考資料
js:http://www.blueidea.com/tech/web/2006/3567_8.asp
form:http://www.netvtm.com/w3s/html/html-forms.html
復制代碼 代碼如下:
<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="測試選擇值">
</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;
//傳遞給另外一個表單
}
}
}
-->
</script>
還想數(shù)據(jù)傳遞給另外一個表單
復制代碼 代碼如下:
<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
相關文章
JavaScript實現(xiàn)復制粘貼剪切功能三種方法
這篇文章主要給大家介紹了關于JavaScript實現(xiàn)復制粘貼剪切功能的相關資料,在實際案例的操作過程中,不少人都會遇到這樣的開發(fā)需求,文中通過代碼將三種方法介紹的非常詳細,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了js關于命名空間的函數(shù),實例講述了namespace函數(shù)的使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)倒計時功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
小程序可以通過微信官方提供的登錄方法方便地獲取微信提供的用戶身份標識,進而開發(fā)者可以進行下一步操作,下面這篇文章主要給大家介紹了關于微信小程序開發(fā)之獲取用戶信息的兩種方法,需要的朋友可以參考下2022-03-03
在日常的開發(fā)中，我們經常會編寫一些條件語句，過多的?if...else會導致代碼難以理解和維護，今天小編來分享幾個優(yōu)化條件語句的小技巧，希望對大家有所幫助2022-07-07
這篇文章主要為大家詳細介紹了基于JavaScript制作可以延時消失的菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了js實現(xiàn)透明度漸變效果的方法,涉及javascript實現(xiàn)漸變效果的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
下面小編就為大家?guī)硪黄趈s中this和event 的區(qū)別(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
TypeScript是JavaScript的超集,具有類型系統(tǒng),支持ES6語法,支持面向對象編程的概念,下面這篇文章主要給大家介紹了關于TypeScript應該盡量避免的語法,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了javascript初學者常用技巧,包括javascript的存放位置、格式及焦點事件等,需要的朋友可以參考下2014-09-09