checkbox複選框 全部選擇、反向選擇

<!--
= * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * 
*    作 者:  我本有心
=    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-->
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章