JS checkbox 제어 조작 코드

2788 단어 JScheckbox컨트롤
C1 C2 C3 C4 C5 C6 C7 C8 C9
[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.] 예 2:실현 할 기능 은 그림 에서 보 듯 이 선택 한 checkbox 의 js 코드 는 다음 과 같다.var status=true;function allselect(){ var tags=document.getElementsByTagName("input"); for (i = 0; i < tags.length; i++) { if (tags[i].type == "checkbox") { tags[i].checked=status; } } status=!status; } 디 스 플레이 직위 를 클릭 하여 선택 한 직위 를 신청 하고 즐겨 찾기 폴 더 에 넣 을 때 js 코드 는 다음 과 같 습 니 다:function panduan(){var gou=0;var tags=document.getElementsByTagName("input"); for (i = 0; i < tags.length; i++) { if (tags[i].type == "checkbox") { if(tags[i].id!="Checkbox 1"){//여기 Checkbox 1 은 체크 박스 if(tags[i].checked==true){gou++;}}}}입 니 다.if(gou==0){window.alert("선택 한 직위 앞에서 체크 하 십시오!");return false; } } 예 3: [Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]getElementsByTagName 의 용법 인 Javascript 은 document 인용 을 얻 는 두 가지 방식 을 제공 합 니 다.getElement ById 와 getElementsByTagName.전 자 는 지정 한 Id 속성 을 가 진 요소 인용 을 되 돌려 주 고 후 자 는 이 탭 을 가 진 요소 배열 을 되 돌려 줍 니 다.전 자 는 응용 이 많 고 익숙 합 니 다.본 고 는 후자 에 대해 간략하게 설명 한다.예 를 들 어 하나의 table 을 정의 합 니 다.그 중에서 td 태그 가 여러 개 있 습 니 다.현재 두 번 째 셀 의 배경 색 을 변경 해 야 할 경우 getElement sByTagName 을 사용 할 수 있 습 니 다.구체 적 인 코드 는 다음 과 같 습 니 다.
1 2 3
4 5 6
7 8 9
...... var tdObject=document.getElementsByTagName("td").item(1); tdObject.style.backgroundColor="blue"; ......

좋은 웹페이지 즐겨찾기