当前位置: 代码迷 >> JavaScript >> javascript checkbox,该怎么解决
  详细解决方案

javascript checkbox,该怎么解决

热度:98   发布时间:2012-04-27 11:57:44.0
javascript checkbox
想做个单击checkbox1,然后别的checkbox全选中,在取消checkbox1选中,别的checkbox也取消选中,类似那种全选的功能

------解决方案--------------------
当然可以,jquery就是为了写起来简洁,提高开发效率的,功能上和原生的javascript没什么两样
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

 

</head>
<body>

 全选<input type="checkbox" onclick="checkall(this.checked)" />
 <div>
 选项一 <input  type="checkbox" name="ck" /><br />
 选项二 <input  type="checkbox" name="ck" /><br />
 选项三 <input  type="checkbox" name="ck" />
 </div>
 
  
 <script type="text/javascript" >


     function checkall(checked) {
         var ocks = document.getElementsByName("ck");
         for (var i = 0; i < ocks.length; i++) {
             ocks[i].checked = checked;
          }
     }
     
 </script>
 
</body>
</html>