1、 給單選框設(shè)置相應(yīng)的 name
成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)迪慶州,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
2、 獲取所有的單選框,循環(huán)判斷,示例代碼如下:
//?獲取指定?name?的單選框的值
function?getValueForRadio(name)?{
//?獲取所有的?input?元素
var?nodes?=?document.getElementsByTagName('input');
//?循環(huán)判斷
for?(var?i=0;?inodes.length;?i++)?{
//?如果類型是?radio,name?也符合要求,而且也被選中了
if?(nodes[i].type==='radio'??nodes[i].name===name??nodes[i].checked)?{
//返回相應(yīng)的值
return?nodes[i].value;
}
}
}
3、 在你需要的地方,用合適的參數(shù)調(diào)用上面的函數(shù)?getValueForRadio 即可。
以上,請采納,請給分。
input type="radio" name="ra" value="1" onclick="raclick(this.value)"
input type="radio" name="ra" value="2" onclick="raclick(this.value)"
input type="radio" name="ra" value="3" onclick="raclick(this.value)"
input type="text" name="tx"
script
function raclick(value){
document.all.tx.value =value
}
/script
效果預(yù)覽?
html中-css中 - 以ul 和 li標(biāo)簽雙層結(jié)構(gòu)為例?
js中
1,定義一個init方法, 完成處理數(shù)據(jù) 并把最后選中的數(shù)據(jù)返回
1.通過getArr方法,? 掛載了li元素的點(diǎn)擊事件liClick方法, 并返回處理好的數(shù)據(jù)arr,checkbox的話arr里面是多條選中的,radio則為單條;
通過array的特性來達(dá)到return返回的數(shù)據(jù)同步
2.根據(jù)傳遞過來的type類型判斷是單選框還是復(fù)選框, 來調(diào)用不同的處理函數(shù)checkboxFun或radioFun
3.checkboxFun完成了復(fù)選框的一些數(shù)據(jù)處理操作? , ,?radioFun?完成了單選框的一些數(shù)據(jù)處理操作
2, 獲取子元素集合, 并調(diào)用init函數(shù),?
init函數(shù)調(diào)用并會返回一個newArr,? ?這個newArr就是最新的數(shù)據(jù)集合
這樣就可以實(shí)現(xiàn)一個單選多選的功能了
測試了下,在谷歌瀏覽器下,如果有radio設(shè)置了checked 屬性的話,是可以的
html
head
/head
body
input type="radio" name="radios" value="1"/1
input type="radio" name="radios" value="2" checked/2
script type="text/javascript"
var box=document.getElementsByName("radios");
for(var i=0;ibox.length;i++){
alert("n");
if(box[i].checked){
alert("nihao");
}}
/script
/body
/html
你好,我給你寫了一個非常簡便且有效的代碼,不用針對每一個radio都添加onclick事件
script
function setResult(){
var obj=event.srcElement;
if(obj.tagName=="INPUT"){
document.getElementById("result").value=obj.value;
}
}
/script
div onclick="setResult();"
input type="radio" name="score" value="1"1分
input type="radio" name="score" value="2"2分
input type="radio" name="score" value="3"3分
input type="radio" name="score" value="4"4分
input type="radio" name="score" value="5"5分
/div
p得分input type="text" id="result"/p
文章標(biāo)題:javascript單選,js 單選
本文URL:http://chinadenli.net/article40/dsicdho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站改版、用戶體驗(yàn)、網(wǎng)站制作、靜態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)