checkbox复选框 全部选择、反向选择

来源:互联网 发布:扬州程序员招聘 编辑:程序博客网 时间:2024/05/09 05:17
<!--
= * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * 
*    作 者:  我本有心
=    QQ:     381584252
*     E-Mail: hztgcl1986@163.com
=     转载请注明出处及作者!
*     版权所有,侵权必究!!!
=
*    http://www.8848so.com,人物搜索,8848So    
= * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * 
-->
<script language="javascript" type="text/javascript">
function choice(who)
{
    var inputs
=document.getElementsByName("checkboxs");
    
    var selectedNum 
= 0;
    
for (var j=0;j<inputs.length;j++//获取选中数量
    {
        
if (inputs[j].checked == true) {selectedNum += 1;}
    }
    
if (selectedNum = inputs.length) {who = 0;} //如果checkbox处于全部选中状态,则实现取消全选
    
    
if (who == 1//全选
    {
        
for (var i=0;i<inputs.length;i++)
        {inputs[i].
checked = true;}
    }
    
else //反选
    {
        
for (var i=0;i<inputs.length;i++)
        {inputs[i].
checked = !(inputs[i].checked);}        
    }
}
</script>

 

 

  <input type='button' value='全部选择' onclick='choice(1);' />
  
<input type='button' value='反向选择' onclick='choice(0);' />
<!--checkbox控件名称全部为:checkboxs-->
原创粉丝点击