快捷導(dǎo)航

js動(dòng)態(tài)設(shè)置div的值下例子

更新時(shí)間：2013年10月29日 17:32:19 作者：

設(shè)置div的值想必大家都會(huì)吧，按要說動(dòng)態(tài)設(shè)置想必知道的人及寥寥無幾了，下面有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>js動(dòng)態(tài)設(shè)置div的值.html</title> 

</head> 

<body> 
<form method="post" name="form1"> 
<label><input type="radio" name="radio" value="1-10 歲" onclick="ok(this.value);">1-10 歲</label> 
<label><input type="radio" name="radio" value="11 歲" onclick="ok(this.value);">11 歲</label> 
<label><input type="radio" name="radio" value="12-120 歲" onclick="ok(this.value);">12-120 歲</label> 
<input type="button" onclick="ok()" value="測(cè)試選擇值"> 
</form> 

<div id="test"></div> 
<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.getElementById('test').innerHTML = temp[i].value; 
} 
} 
} 
--> 
</script> 

</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

使用遞歸遍歷對(duì)象獲得value值的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄褂眠f歸遍歷對(duì)象獲得value值的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
javascript StringBuilder類實(shí)現(xiàn)
一個(gè)簡單的StringBuilder類實(shí)現(xiàn)
2008-12-12
js中的數(shù)組Array定義與sort方法使用示例
Array定義與sort方法在使用過程中還是比較常見的，下面為大家介紹下Array的定義及sort方法使用示例
2013-08-08
微信小程序?qū)崿F(xiàn)一個(gè)自定義遮罩層效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)一個(gè)自定義遮罩層,大概效果是點(diǎn)擊按鈕Show顯示遮罩層,再次點(diǎn)擊屏幕任何地方隱藏遮罩層,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
2023-09-09
javascript強(qiáng)制點(diǎn)擊廣告的方法
這篇文章主要介紹了javascript強(qiáng)制點(diǎn)擊廣告的方法,可用于下載站或文檔顯示站,實(shí)現(xiàn)點(diǎn)擊后才能出現(xiàn)相應(yīng)顯示的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
JS中confirm,alert,prompt函數(shù)使用區(qū)別分析
JS中confirm,alert,prompt函數(shù)使用區(qū)別分析，需要的朋友可以參考下。
2010-04-04
Three.JS實(shí)現(xiàn)三維場(chǎng)景
這篇文章主要為大家詳細(xì)介紹了Three.JS實(shí)現(xiàn)三維場(chǎng)景，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12
JavaScript setInterval()與setTimeout()計(jì)時(shí)器
這篇文章主要介紹了JavaScript setInterval()與setTimeout()計(jì)時(shí)器，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
JavaScript面試開發(fā)常用的知識(shí)點(diǎn)總結(jié)
這篇文章主要為大家詳細(xì)總結(jié)了JavaScript面試開發(fā)常用的知識(shí)點(diǎn)，感興趣的小伙伴們可以參考一下
2016-08-08
li隔行換色改進(jìn)版
隔行換色非表格版不過原理可以參考下面的代碼，寫的很不錯(cuò)
2008-05-05