简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

라디오 버튼, 체크박스, 드롭다운 메뉴를 설정하기 위해 DOM을 사용하는 Node.js 메소드_javascript 기술

WBOY
풀어 주다： 2016-05-16 16:18:53
원래의
1678명이 탐색했습니다.

이 기사의 예에서는 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);

2. 다중 선택 상자 설정


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


좋아하는 일:
































체크박스 원칙은 체크된 속성의 부울 값을 사용하여 결정됩니다. 매개변수는 전부 선택이 아닌 모두 선택을 위해 0과 1의 형태로 전달될 수 있습니다.

3. 드롭다운 메뉴

드롭다운 메뉴와 동일한 기능을 갖습니다. 드롭다운 메뉴가 다중 선택인 경우 multiple="multiple"인 경우, 그 기능은 체크박스와 동일하지만, 체크박스보다 훨씬 작은 공간을 차지합니다.

드롭다운 메뉴의 일반적인 속성:


①드롭다운 메뉴에서 라디오 선택 값을 가져옵니다
코드 복사 코드는 다음과 같습니다.
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！
속성 설명
길이 옵션 개수를 나타냅니다
선택
SelectedIndex 선택한 옵션의 일련 번호, 옵션을 선택하지 않은 경우 -1 다중 선택 드롭다운 메뉴의 경우 첫 번째 선택한 옵션을 반환합니다.
0부터 시작하는 일련번호
텍스트 옵션 텍스트
가치 옵션값
유형 드롭다운 메뉴 유형으로, 단일 선택은 선택-1을 반환하고, 다중 선택은 선택-다중을 반환합니다
옵션 옵션 배열을 가져옵니다. 예: 드롭다운 메뉴 oSelectBox의 세 번째 항목을 나타내는 oSelectBox.options[2]