라디오 버튼, 체크박스, 드롭다운 메뉴를 설정하기 위해 DOM을 사용하는 Node.js 메소드_javascript 기술
- WBOY원래의
- 2016-05-16 16:18:531671검색
이 기사의 예에서는 js가 DOM을 사용하여 라디오 버튼, 체크박스 및 드롭다운 메뉴를 설정하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.
1. 라디오 버튼 설정
양식의 라디오 버튼은 사용자가 선택할 수 있는 개체 집합이지만 한 번에 하나만 선택할 수 있습니다. 각 항목에는 확인된 속성이 있습니다. 하나의 선택이 true이면 다른 항목은 false가 됩니다.
먼저 예시 게시:
코드 복사 코드는 다음과 같습니다.
양식의 라디오 버튼은 사용자가 선택할 수 있는 개체 집합이지만 한 번에 하나만 선택할 수 있습니다. 각 항목에는 확인된 속성이 있습니다. 하나의 선택이 true이면 다른 항목은 false가 됩니다.
위의 코드에서 볼 수 있듯이 id와 name이 다릅니다. 라디오 버튼 그룹의 이름은 동일하며 하나만 선택됩니다. ID는
코드 중 : 선택된 객체를 확인하는 코드는 (특정 항목의 체크된 값이 true일 경우 순회가 종료됩니다)
코드 복사 코드는 다음과 같습니다.
var oForm = document.forms["uForm1"];
var aChoices = oForm.camera;
for (i = 0; i < aChoices.length; i ) //단일 선택 목록 전체를 순회
If (aChoices[i].checked) //선택한 항목이 있으면 종료
휴식;
Alert("카메라 브랜드는 " aChoices[i].value);
var aChoices = oForm.camera;
for (i = 0; i < aChoices.length; i ) //단일 선택 목록 전체를 순회
If (aChoices[i].checked) //선택한 항목이 있으면 종료
휴식;
Alert("카메라 브랜드는 " aChoices[i].value);
2. 다중 선택 상자 설정