js動(dòng)態(tài)設(shè)置div的值下例子
更新時(shí)間：2013年10月29日 17:32:19 作者：
設(shè)置div的值想必大家都會(huì)吧，按要說(shuō)動(dòng)態(tài)設(shè)置想必知道的人及寥寥無(wú)幾了，下面有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:
<!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>
您可能感興趣的文章:
- JS實(shí)現(xiàn)DIV容器賦值的方法
- 原生js和jQuery隨意改變div屬性style的名稱和值
- js使用循環(huán)清空某個(gè)div中的input標(biāo)簽值
- 原生js實(shí)現(xiàn)改變隨意改變div屬性style的名稱和值的結(jié)果
- js 為label標(biāo)簽和div標(biāo)簽賦值的方法
- JS值當(dāng)前DIV的ID值的代碼
- jQuery給div,Span, a ，button, radio 賦值與取值
- jquery設(shè)置text的值示例(設(shè)置文本框 DIV 表單值)
- jQuery實(shí)現(xiàn)隨意改變div任意屬性的名稱和值(部分原生js實(shí)現(xiàn))
- 利用JQuery+EasyDrag 實(shí)現(xiàn)彈出可拖動(dòng)的Div，同時(shí)向Div傳值，然后返回Div選中的值
- JavaScript和JQuery獲取DIV值的方法示例
相關(guān)文章
本文為大家介紹下javascript中普通函數(shù)的使用，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
js清空表單數(shù)據(jù)的兩種方式(遍歷+reset)
這篇文章主要介紹了js清空表單數(shù)據(jù)的兩種方式(遍歷+reset),需要的朋友可以參考下2014-07-07
如何在微信小程序?qū)崿F(xiàn)一個(gè)幸運(yùn)轉(zhuǎn)盤(pán)小游戲
這篇文章主要給大家介紹了關(guān)于如何在微信小程序?qū)崿F(xiàn)一個(gè)幸運(yùn)轉(zhuǎn)盤(pán)小游戲的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
在輸入框里面預(yù)設(shè)一段提示文字，當(dāng)焦點(diǎn)在輸入框的時(shí)候清空這段文字，這在目前來(lái)說(shuō)已經(jīng)不是什么新鮮事了。2011-03-03
JavaScript Tab菜單實(shí)現(xiàn)過(guò)程解析
這篇文章主要介紹了JavaScript Tab菜單實(shí)現(xiàn)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
這篇文章主要為大家詳細(xì)介紹了使用Javascript簡(jiǎn)單計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
如何用JS判斷數(shù)組中是否存在某個(gè)值或者某個(gè)對(duì)象的值
數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)，我們經(jīng)常需要在數(shù)組中查找特定的值,下面這篇文章主要給大家介紹了關(guān)于如何用JS判斷數(shù)組中是否存在某個(gè)值或者某個(gè)對(duì)象的值的相關(guān)資料,需要的朋友可以參考下2023-01-01
JavaScript動(dòng)態(tài)生成二維碼圖片
本文給大家介紹js動(dòng)態(tài)生成二維碼圖片的相關(guān)內(nèi)容，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
網(wǎng)上關(guān)于這方面的文章有很多，重復(fù)的東西本文不再贅述，僅提供思路，并解釋一些其他文章講述模糊的地方。重點(diǎn)給大家介紹下rem.有需要的小伙伴可以參考下。2015-05-05
這篇文章主要介紹了JavaScript常用判斷寫(xiě)法(推薦)的相關(guān)資料，非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05