checkbox的选择问题

页面上有5个checkbox,
（1）鼠标移到某个checkbox上时     不用点鼠标 实现自动勾选,；
（2）鼠标再次移到某个checkbox上时 不用点鼠标 实现自动不选,；
（3）鼠标移到checkbox上时在鼠标的下方显示当前己经选中的个数。TKS~

解决方案 »

  1.   

    就是onmouseover,out,里面处理 checked true/false
      

  2.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    window.onload = bb;function bb()
    {
    var cboxes = document.getElementsByName("cb");
    for(var k = 0;k < cboxes.length;k++)
    {
    cboxes[k].onmouseover = aa;
    }
    }
    function  aa(obj)
    { if(this.checked==true)
    {
    this.checked = false;
    }
    else
    {
      this.checked = true;
    }
    getCount();
    }function getCount()
    {
    var cboxes = document.getElementsByName("cb");
    var j = 0;
    for(var k = 0;k < cboxes.length;k++)
    {
    if(cboxes[k].checked)
    {
    j++;
    }
    }
    document.getElementById("txtCount").value=j;
    }
    </script>
    </head><body>
    <input type="checkbox" name="cb" />
    <input type="checkbox" name="cb" />
    <input type="checkbox" name="cb" />
    <input type="checkbox" name="cb" />
    <input type="checkbox" name="cb" />
    <input type="checkbox" name="cb" /><br />
    <input type="text" id="txtCount" />
    </body>
    </html>测试过了，自己看看吧
      

  3.   


    非常尽责啊,呵呵
    if(this.checked==true)
    {
    this.checked = false;
    }
    else
    {
    this.checked = true;
    } 
    可否改成 this.checked = !this.checked;
      

  4.   

    就是onmouseover,out,  事件里面处理 checked true/false
      

  5.   

    asp.net里面有这个控件CheckBoxList
    试试
      

  6.   

    只能告诉你思路：用javascript，在onmouseover和onmouseout事件（都是客户端事件）里处理checkbox的checked属性值
      

  7.   

    用javascript，在onmouseover和onmouseout事件处理，另外用一个hidden存储选中数量
      

  8.   

    <!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> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>无标题文档 </title> 
    <script type="text/javascript"> 
    window.onload = bb; function bb() 
    { 
    var cboxes = document.getElementsByName("cb"); 
    for(var k = 0;k < cboxes.length;k++) 
    { 
    cboxes[k].onmouseover = aa; 
    } 
    } 
    function  aa(obj) 
    { if(this.checked==true) 
    { 
    this.checked = false; 
    } 
    else 
    { 
    this.checked = true; 
    } 
    getCount(); 
    } function getCount() 
    { 
    var cboxes = document.getElementsByName("cb"); 
    var j = 0; 
    for(var k = 0;k < cboxes.length;k++) 
    { 
    if(cboxes[k].checked) 
    { 
    j++; 
    } 
    } 
    document.getElementById("txtCount").value=j; 
    } 
    </script> 
    </head> <body> 
    <input type="checkbox" name="cb" /> 
    <input type="checkbox" name="cb" /> 
    <input type="checkbox" name="cb" /> 
    <input type="checkbox" name="cb" /> 
    <input type="checkbox" name="cb" /> 
    <input type="checkbox" name="cb" /> <br /> 
    <input type="text" id="txtCount" /> 
    </body> 
    </html> 
      

  9.   

    或变成如下效果：
    当鼠标移动到每一个checkbox上时， 在checkbox附近显示一个提示框。