드롭다운 상자의 표시 값을 얻고 라디오 버튼_javascript 기술을 결정하는 JS 메서드
- WBOY원래의
- 2016-05-16 15:50:551281검색
이 기사의 예에서는 드롭다운 상자의 표시 값을 가져오고 라디오 버튼을 판단하는 JS 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
1. 많은 프로젝트를 수행했는데 선택 구성요소에 표시되는 값을 가져와야 합니다. 제가 자주 사용하는 방법은 다음과 같습니다.
HTML 소스코드는 다음과 같습니다.
<html><body> <select id="province" name="province" > <option value="1">北京</option> <option value="2">上海</option> <option value="3">江苏</option> <option value="4">河北</option> </select> <br/> <input type="text" id="provinceName" name="provinceName"/> <input type="button" onClick="setTxt()" value="赋值"/> </body></html>
JS 기능은 다음과 같습니다.
function setTxt()
{
var _selObj=document.getElementByIdx_xx('province');//取下拉框的元素
var _selVal=_selObj[_selObj.selectedIndex].text;//取下拉框被选中的值
document.getElementByIdx_xx('provinceName').value=_selVal;
}
2. 라디오 버튼이 선택되었는지 판단하는 작업을 많이 해봤습니다. 제가 자주 사용하는 방법은 다음과 같습니다.
HTML 페이지 소스코드는 다음과 같습니다.
<html><body> <input type="radio" name="time" value="2009-05-20"/>2009-05-20 <input type="radio" name="time" value="2009-05-21"/>2009-05-21 <input type="radio" name="time" value="2009-05-22"/>2009-05-22 <input type="radio" name="time" value="2009-05-23"/>2009-05-23 <input type="button" value="判断是否选择" onclick="alert(judge())"/> </body></html>
JS 함수 코드:
function judge()
{ var status =false;
var _radObj=document.getElementsByName('time');
for(var i =0;i<_radObj.length;i++){
if(_radObj[i].checked){
status=true;
}
}
if(! status){
alert('未选中时间!');
}
return status;
}
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.