> 웹 프론트엔드 > JS 튜토리얼 > JS 체크박스 제어 작업 code_form 효과

JS 체크박스 제어 작업 code_form 효과

WBOY
풀어 주다: 2016-05-16 18:57:39
원래의
944명이 탐색했습니다.

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

예 2:
구현하려는 함수는 그림과 같습니다.
all-selected 체크박스의 js 코드는 다음과 같습니다.
var status=true
function allselect(){
var tagged=document.getElementsByTagName("input" );
for (i = 0; i < tagged.length; i )
{
if (tags[i].type == "checkbox ")
{
tags[ i].checked=status;
}
}
status=!status;
}
클릭하여 위치를 표시하면 적용됩니다. 선택한 위치에 대해 즐겨찾기에 넣으면 js 코드는 다음과 같습니다.
function panduan(){
var gou=0
var tagged=document.getElementsByTagName("input");
for (i = 0; i {
if (tags[i].type == "checkbox")
{
if(tags[ i].id!="Checkbox1"){ //Checkbox1은 모두 선택하는 체크박스입니다.
if(tags[i].checked==true){
gou
}
}
}
}
if(gou==0){
window.alert("선택한 위치를 선택하세요!")
return false;

예 3:

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

By 그런데 getElementsByTagName
의 사용법을 살펴보세요. Javascript는 문서 참조를 얻는 두 가지 방법인 getElementById와 getElementsByTagName을 제공합니다. 전자는 지정된 Id 속성이 있는 요소에 대한 참조를 반환하고 후자는 다음과 같은 배열을 반환합니다. 태그가 있는 요소는 전자가 더 일반적으로 사용되며 비교이기도 합니다. 이에 익숙한 분들을 위해 이 글에서는 후자에 대해 간략하게 설명합니다.
예: 여러 개의 td 태그가 있는 테이블을 정의하고 이제 두 번째 셀의 배경색을 변경해야 하는 경우 getElementsByTagName을 사용할 수 있습니다. 구체적인 코드는 다음과 같습니다.
...
< ;테이블 스타일="너비:100%;">
1
2 /td>

4
6< ;/td>

7 9


......
var tdObject=document.getElementsByTagName("td").item(1);
tdObject.style.BackgroundColor="파란색"
......
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿