>  기사  >  웹 프론트엔드  >  JS 라디오가 선택된 후의 값과 선택되지 않은 라디오의 값을 얻는 방법_javascript 기술

JS 라디오가 선택된 후의 값과 선택되지 않은 라디오의 값을 얻는 방법_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:18:391499검색

다음은 인터넷에서 가져온 기사입니다(테스트하지는 않았지만 매우 표준적이고 모방 가능)

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:



<제목> 텍스트
<스크립트>
var chk = 0;
var chkObjs = document.getElementsByName(" radio");
for (var i=0;iif(chkObjs[i].checked){
chk = i;
break;
}
}
}
function check_radio(){
var chkObjs = document.getElementsByName("radio")
for(var i=0;iif(chkObjs [i].checked){
if(chk == i){
alert("라디오 값이 변경되지 않았으며 제출할 수 없습니다.")
break
}
}
}
}




< 입력 유형='라디오' 값='2' 이름='라디오'>두
<입력 유형='라디오' 값='3' 이름='라디오'>
< 입력 유형='라디오' 값='4' 이름='라디오'>4
<입력 유형='라디오' 값='5' 이름='라디오'>5






선택하지 않고 라디오의 가치


코드 복사 코드는 다음과 같습니다. < ;input type="radio" name="money" value="1" / >USD
JPY
< ;input type="radio" name="money" value="3" />EUR


네이티브 JS 메서드: (네이티브 DOM 작업은 텍스트를 노드로 처리하므로 nextSibling이 있습니다. )


코드 복사 코드는 다음과 같습니다. var USD = document.getElementsByName(" 돈")[0].nextSibling.nodeValue;
var Yen = document.getElementsByName("money")[1].nextSibling.nodeValue;
var euro = document.getElementsByName("money")[2] .nextSibling.nodeValue;


jQuery 방식


코드 복사 코드는 다음과 같습니다. $('input[name="money"]:checked') .next('span').html()
USD< ;/span>
< ;span>엔

유로

< --일반적인 상황에서는 라벨을 사용하여 체크박스나 라디오 버튼을 만듭니다. 다음과 같이 연결하세요. -->



다음을 선택해야 합니다.
이것은 존재 여부만 결정합니다. 선택



코드 복사 코드는 다음과 같습니다. function radioValue(){
var radArr = document.getElementsByName("radiov");
var radValue = "";
//alert(radArr.length)
for(var i=0; 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("선택하세요");
}

}


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.