집 > 기사 > 웹 프론트엔드 > JS 체크박스 제어 작업 code_form 효과

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

WBOY원래의: 2016-05-16 18:57:39927검색

[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="파란색"
......

성명：

이전 기사：document.all과 getElementById, getElementsByName, getElementsByTagName 사용법의 차이점다음 기사：document.all과 getElementById, getElementsByName, getElementsByTagName 사용법의 차이점

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

관련 기사