>웹 프론트엔드 >JS 튜토리얼 >체크박스 전체 선택과 역선택의 js 구현 예_기본 지식

체크박스 전체 선택과 역선택의 js 구현 예_기본 지식

WBOY
WBOY원래의
2016-05-16 16:50:201246검색

체크박스 전체 선택 예시

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

function selectAll(form) {
var obj = document.getElementsByName('selectall');
var cks = document.getElementsByTagName("input");
var ckslen = cks.length;
for(var i=0;i if(cks[i].type == 'checkbox') {
cks[i].checked = obj[0] .checked;
}
}
}



전체 체크박스 선택 또는 선택 해제 예시

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



<script><br>function selectAll(){<br> var checklist = document.getElementsByName("선택됨");<br> if(document.getElementById("controlAll").checked)<br>   {<br>   for(var i=0;i<checklist.length;i )<BR>   {<BR>      체크리스트[i].checked = 1 ;<BR>   } <BR> }else{<BR>  for(var j=0;j<checklist.length;j )<BR>  {<BR>     checklist[j].checked = 0;<BR>  }<BR> }<BR>}<BR></script>



전체选

1:

2:

3:

4:

5:

6:



js按键事件说明

onClick事件

鼠标单击事件是最常见的事件之一,当用户单击鼠标按钮时。 같은 방식의 onClick이 指处理程序或代码将被调用执行。

文件说明

제11행 onClick 이벤트에 사용하세요.

onChange 이벤트
onChange 이벤트에 참여하세요.
onChange 이벤트에 참여하세요.
文件说명< br>
第11行使用 onChange事件, 当文本框内容发生改变的时候弹书告提示对话框.

onSelect事件

onSelect事件就是当文本框의 内容被选中时发生的事件.

文件说明

第11行使用 onSelect事件,当文本框中内容被选中的时候,警告提示对话框显示的结果。< br>
onFocus 행사

onFocus 행사
文件说明

第12行使用Onfocus事件,当用鼠标选中第二个文本框的时候,自动触发Onfocus事件,弹流一个对话框。

onLload事件

onload事件是当前的网页被显示时发生的事件。
文件说明
第9行使用OnLoad事件,当打开网页的时候自动打开一个警示框。

onUnload事件

onUnload 사건은 件是当当前의 网页被关闭时发发生的事件.

文件说明


Unload事件,当关闭网页的时候自动打开一个警示框에 대한 9개의 작업을 수행합니다.

onBlur事件

onBlur事件就是当光标离开文本框中时发生的事件。

15 

文件说明

Blur事件,当用鼠标离开第二个文本框的时候,自动触发onBlur事,弹출一个对话框。

onMouseover事件

onMouseover事件是指当鼠标移动到页面元素上方时发生的事件。、、

文件说메이第10行使用onMouseover事件,当鼠标指向滚动文字 时候,自动触发onMouseover事件。

onMouseout事件

onmouseout事件是指当鼠标离开页side元素上方时发生标离开滚动文字时候,自动触发 onmouseout事件。

onDbclick사건件

当鼠标双击鼠标按钮时,产生ondbclick事件。동일한 ondbclick指处理程序或代码将被调用执行。

文件说明

第11行使用ondbclick事件弹판매警告提示对话框。




성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.