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

이 기사의 예에서는 js가 DOM을 사용하여 라디오 버튼, 체크박스 및 드롭다운 메뉴를 설정하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

양식의 라디오 버튼은 사용자가 선택할 수 있는 개체 집합이지만 한 번에 하나만 선택할 수 있습니다. 각 항목에는 확인된 속성이 있습니다. 하나의 선택이 true이면 다른 항목은 false가 됩니다.

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

양식의 라디오 버튼은 사용자가 선택할 수 있는 개체 집합이지만 한 번에 하나만 선택할 수 있습니다. 각 항목에는 확인된 속성이 있습니다. 하나의 선택이 true이면 다른 항목은 false가 됩니다.
위의 코드에서 볼 수 있듯이 id와 name이 다릅니다. 라디오 버튼 그룹의 이름은 동일하며 하나만 선택됩니다. ID는 또는 기타 선택 효과에 바인딩됩니다.

코드 중 : 선택된 객체를 확인하는 코드는 (특정 항목의 체크된 값이 true일 경우 순회가 종료됩니다)

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

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

좋아하는 일:

플레이볼

TV 시청

인터넷

읽는 중

여행

음악

others

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

3. 드롭다운 메뉴

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

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

①드롭다운 메뉴에서 라디오 선택 값을 가져옵니다

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

인기 추천

최신 강좌

최신 다운로드

더>

웹 효과

웹사이트 소스 코드

웹사이트 자료

프론트엔드 템플릿

속성	설명
길이	옵션 개수를 나타냅니다
선택
SelectedIndex	선택한 옵션의 일련 번호, 옵션을 선택하지 않은 경우 -1 다중 선택 드롭다운 메뉴의 경우 첫 번째 선택한 옵션을 반환합니다. 0부터 시작하는 일련번호
텍스트	옵션 텍스트
가치	옵션값
유형	드롭다운 메뉴 유형으로, 단일 선택은 선택-1을 반환하고, 다중 선택은 선택-다중을 반환합니다
옵션	옵션 배열을 가져옵니다. 예: 드롭다운 메뉴 oSelectBox의 세 번째 항목을 나타내는 oSelectBox.options[2]

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