亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS 如何獲取radio選中后的值及不選擇取radio的值

 更新時間:2013年10月28日 15:36:45   作者:  
獲取radio選中后的值,這在提交頁面經(jīng)常會使用到的,在本文為大家介紹下不選擇也能獲取radio的值,具體實現(xiàn)如下,感興趣的朋友可以參考下
以下是網(wǎng)上摘下的文章(未測試但很規(guī)范可以模仿)
復(fù)制代碼 代碼如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>text</title>
<script>
var chk = 0;
window.onload=function (){
var chkObjs = document.getElementsByName("radio");
for(var i=0;i<chkObjs.length;i++){
if(chkObjs[i].checked){
chk = i;
break;
}
}
}
function check_radio(){
var chkObjs = document.getElementsByName("radio");
for(var i=0;i<chkObjs.length;i++){
if(chkObjs[i].checked){
if(chk == i){
alert("radio值沒有改變不能提交");
break;
}
}
}
}
</script>
</head>
<body>
<form action='' method='post' onsubmit='javascript:return check_radio()'>
<input type='radio' value='1' name='radio' checked='checked'>一;
<input type='radio' value='2' name='radio'>二;
<input type='radio' value='3' name='radio'>三;
<input type='radio' value='4' name='radio'>四;
<input type='radio' value='5' name='radio'>五;

<input type=submit value=sub >
</form>
</body>
</html>

下面是不做選擇獲取radio的值
復(fù)制代碼 代碼如下:

<input type="radio" name="money" value="1" />美元
<input type="radio" name="money" value="2" />日元
<input type="radio" name="money" value="3" />歐元

原生JS方式:(原生DOM操作會把文本也當(dāng)做一個節(jié)點,所以會有nextSibling)
復(fù)制代碼 代碼如下:

var 美元 = document.getElementsByName("money")[0].nextSibling.nodeValue;
var 日元 = document.getElementsByName("money")[1].nextSibling.nodeValue;
var 歐元 = document.getElementsByName("money")[2].nextSibling.nodeValue;

jQuery方式
復(fù)制代碼 代碼如下:

$('input[name="money"]:checked').next('span').html();

<input type="radio" name="money" value="1" checked="checked" /><span>美元</span>
<input type="radio" name="money" value="2" /><span>日元</span>
<input type="radio" name="money" value="3" /><span>歐元</span>

<!--正常的情況下,創(chuàng)建復(fù)選框或者單選框會使用label將其鏈接,比如:-->
<input id="radio1" type="radio" name="money" value="1" /><label for="radio1">美元</label>

以下要選擇的:

這個只判斷有沒有選擇
復(fù)制代碼 代碼如下:

function radioValue(){
var radArr = document.getElementsByName("radiov");
var radValue = "";
//alert(radArr.length);
for(var i=0; i<radArr.length; i++){
//alert(radArr[i].checked+" "+radArr[i].name + " "+ radArr[i].value);
if(radArr[i].checked){
radValue = radArr[i].value;

}
}

if(radValue != null && radValue != ""){
alert(radValue);
}else{
alert("請選擇");
}

}

<input type="button" value="測試radio中獲取數(shù)據(jù)" onclick="radioValue();"/>

相關(guān)文章

  • 淺談js數(shù)組splice刪除某個元素爬坑

    淺談js數(shù)組splice刪除某個元素爬坑

    這篇文章主要介紹了淺談js數(shù)組splice刪除某個元素爬坑,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • js+xml生成級聯(lián)下拉框代碼

    js+xml生成級聯(lián)下拉框代碼

    js+xml生成級聯(lián)下拉框代碼,需要的朋友可以參考下
    2012-07-07
  • 如何利用unicloud生成微信小程序分享碼

    如何利用unicloud生成微信小程序分享碼

    這篇文章主要給大家介紹了關(guān)于如何利用unicloud生成微信小程序分享碼的相關(guān)資料,這是最近工作中遇到的一個需求,文中通過圖文以及示例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-12-12
  • HTML+JS實現(xiàn)3D倒計時爆炸特效

    HTML+JS實現(xiàn)3D倒計時爆炸特效

    這篇文章主要為大家詳細介紹了如何結(jié)合HTML與JS實現(xiàn)3D倒計時爆炸特效,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以參考下
    2024-01-01
  • ES6使用export和import實現(xiàn)模塊化的方法

    ES6使用export和import實現(xiàn)模塊化的方法

    這篇文章主要介紹了ES6使用export和import實現(xiàn)模塊化的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • 驗證手機號碼的JS方法分享

    驗證手機號碼的JS方法分享

    這篇文章介紹了驗證手機號碼的JS方法,有需要的朋友可以參考一下
    2013-09-09
  • 總結(jié)JavaScript的正則與其他語言的不同之處

    總結(jié)JavaScript的正則與其他語言的不同之處

    我接觸過不少語言,我很看重一門語言的正則表達式是否強大,還有正則與語法的結(jié)合是否緊密.在這一點上,JavaScript做的還不錯,至少有正則字面量.當(dāng)然,最強大的還是Perl.但最近發(fā)現(xiàn)JavaScript中的正則有幾個不同于其他語言的地方,下面一起來看下。
    2016-08-08
  • H5如何實現(xiàn)喚起APP及調(diào)試bug解決

    H5如何實現(xiàn)喚起APP及調(diào)試bug解決

    這篇文章主要為大家介紹了H5如何實現(xiàn)喚起APP及調(diào)試bug解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-05-05
  • axios概念介紹和基本使用

    axios概念介紹和基本使用

    axios是一個基于Promise用于瀏覽器和nodejs的HTTP客戶端,下面這篇文章主要給大家介紹了關(guān)于axios概念介紹和基本使用的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-06-06
  • JavaScript編制留言簿程序代碼

    JavaScript編制留言簿程序代碼

    也許你有一個很酷的主頁,很希望與人分享。同時,你希望訪問你主頁的人能對你的主頁提供一些意見和建議,或者你對某個主題感興趣,而希望客人也許能給你一幫助,這就要用到留言簿。留言簿使得你能與每一個訪問你主頁的人交換信息。
    2008-09-09

最新評論