라디오 버튼, 체크박스, 드롭다운 메뉴를 설정하기 위해 DOM을 사용하는 Node.js 메소드_javascript 기술
이 기사의 예에서는 js가 DOM을 사용하여 라디오 버튼, 체크박스 및 드롭다운 메뉴를 설정하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.
1. 라디오 버튼 설정
양식의 라디오 버튼은 사용자가 선택할 수 있는 개체 집합이지만 한 번에 하나만 선택할 수 있습니다. 각 항목에는 확인된 속성이 있습니다. 하나의 선택이 true이면 다른 항목은 false가 됩니다.
먼저 예시 게시:
양식의 라디오 버튼은 사용자가 선택할 수 있는 개체 집합이지만 한 번에 하나만 선택할 수 있습니다. 각 항목에는 확인된 속성이 있습니다. 하나의 선택이 true이면 다른 항목은 false가 됩니다.
위의 코드에서 볼 수 있듯이 id와 name이 다릅니다. 라디오 버튼 그룹의 이름은 동일하며 하나만 선택됩니다. ID는
코드 중 : 선택된 객체를 확인하는 코드는 (특정 항목의 체크된 값이 true일 경우 순회가 종료됩니다)
var aChoices = oForm.camera;
for (i = 0; i < aChoices.length; i ) //단일 선택 목록 전체를 순회
If (aChoices[i].checked) //선택한 항목이 있으면 종료
휴식;
Alert("카메라 브랜드는 " aChoices[i].value);
2. 다중 선택 상자 설정
var objarray = str.length;
var chestr = "";
for (j = 0; j If (str[j].checked == true) {
Chestr = str[j].value ",";
}
}
if (chestr == "") {
Alert("먼저 취미를 선택해주세요~!");
} 그 밖의 {
Alert("첫 번째 선택은:" chestr);
}
}
함수 변경 상자(액션) { var oForm = document.forms["myForm1"];
var oCheckBox = oForm.hobby;
for (var i = 0; i < oCheckBox.length; i ) //각 옵션을 탐색
If (action < 0) //선택 반전
oCheckBox[i].checked = !oCheckBox[i].checked;
else //액션이 1이면 모두 선택되고, 0이면 모두 선택되지 않습니다
oCheckBox[i].checked = 작업;
}