이 기사의 예에서는 드롭다운 상자의 표시 값을 가져오고 라디오 버튼을 판단하는 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 프로그래밍 설계에 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
