当前位置: 代码迷 >> Web前端 >> 关于checkbox的全选跟反选功能
  详细解决方案

关于checkbox的全选跟反选功能

热度:38   发布时间:2013-08-04 18:26:15.0
关于checkbox的全选和反选功能

<html>

<head>

<script type="text/javascript">

function CheckAll(thisForm){

? ? if(thisForm.select.checked==true){

? ? ? ?for(i=0;i<thisForm.option.length;i++){

? ? ? ? ? ? thisForm.option[i].checked=true;

? ? ? ?}

? ? }else{

? ? ? ? for(i=0;i<thisForm.option.length;i++){

? ? ? ? ? ? thisForm.option[i].checked=false;

? ? ? ? }

? ? }

}

</script>

</head>

<body>

?

<form name="myForm">

<input type="checkbox" name="select" onclick="CheckAll(this.form)">

?

<br />

<input type="checkbox" name="option">苹果<br />

<input type="checkbox" name="option">桔子<br />

<input type="checkbox" name="option">香蕉<br />

<input type="checkbox" name="option">西瓜

</form>

?

</body>

</html>

?

  相关解决方案