六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 98|回复: 0

复选框(checkbook)的全选和复选功能演示

[复制链接]

升级  38%

3

主题

3

主题

3

主题

童生

Rank: 1

积分
19
 楼主| 发表于 2013-2-7 19:19:13 | 显示全部楼层 |阅读模式
[size=xx-small]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">

function   allcheck(){

      var check=document.getElementsByName("checkbox");
  for(var i=0;i<check.length;i++){
  
       check.checked=true;
  }


}
function  notallcheck(){

var check=document.getElementsByName("checkbox");
  for(var i=0;i<check.length;i++){
  
       check.checked=!check.checked;
  }

}
function  show(){

var s=""
var check=document.getElementsByName("checkbox");
  for(var i=0;i<check.length;i++){
  
  if(check.checked){
       s+=check.value;
   }
  }
  if(s.length==0){
  alert("没有选择!");
  }else{
  alert(s);
  }
   
}

</script>
</head>

<body>
<table width="300" border="1">
  <tr>
    <td height="61">你的爱好:</td>
  </tr>
  <tr>
    <td height="75"><input name="checkbox" type="checkbox" value="爬山" checked>
      爬山
      <input type="checkbox" name="checkbox" value="游泳">
      游泳
      <input type="checkbox" name="checkbox" value=" 打球 ">
      打球
      <input type="checkbox" name="checkbox" value="看电视">
      看电视</td>
  </tr>
  <tr>
    <td height="52"><input type="button" name="Submit" value="全选" >   
      <input type="submit" name="Submit2" value="反选" >
    <input type="submit" name="Submit3" value="确定" ></td>
  </tr>
</table>
</body>
</html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表