限制CheckBox只能单选

Posted on 2009-03-11 21:46  ymss  阅读(744)  评论(0)    收藏  举报

var ClickNum=0;//判断同一checkbox连续点击次数
   var PreCheckboxID="";//记录点击checkbox的ID
   //listId为控制checkbox的范围
   //SelectRadio是点击checkbox自己
function SignCheck(listId,SelectCheckBox)
{
 
   ///判断是否连击同一个checkbox
    if(PreCheckboxID==SelectCheckBox.id)
    {
        ClickNum = ClickNum + 1;
    }
    else
    {
        PreCheckboxID = SelectCheckBox.id;
        ClickNum = 0;
    }
    //找到控制范围
   var GridViewableSearchList=document .getElementById(listId);
   //找到控制范围下所有input
   var objs=GridViewableSearchList.getElementsByTagName("input");
   //找到控制范围下所有checkbox并都变为false
    for(var i = 0; i < objs.length; i++)
    {
        if(objs[i].type.toLowerCase() == "checkbox" )
        objs[i].checked = false;
    }
    var SelectCheckBoxId=SelectCheckBox.id;
    //如果连击次数为奇次checked为true偶次为false
    if(ClickNum%2!=1)
    {
       document.getElementById(SelectCheckBoxId).checked = true;
    }
    else
    {
        document.getElementById(SelectCheckBoxId).checked = false;
    }
}

此程序参考别人的,但自己用了可以实现单选,故共同分享

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3