您的位置:首页 > Web前端 > JavaScript

关于checkbox跟radio的js函数

2007-09-17 16:30 513 查看
java 代码

/**         

* 全选的所有指定名称的checkbox        

*@state 全选的checkbox的状态        

*@name   表格中的所有checkbox的名称        

*@author fangtf        

*@type void        

*/          

function selectAll(state,name) {          

    var ids = document.getElementsByName(name);          

    for (var i = 0; i < ids.length; i++)           

    {                 

            ids[i].checked = state;          

    }          

}          

         

/**         

* 全选的所有指定id名称的同名checkbox        

*@state 全选的checkbox的状态        

*@name   表格中的所有checkbox的名称        

*@name   表格中的所有checkbox的id        

*@author fangtf        

*@type void        

*/          

function selectAllCheckboxByID(state,name,id) {          

    var ids = document.getElementsByName(name);          

    for (var i = 0; i < ids.length; i++)           

    {                 

            if(ids[i].id == id)          

            {          

                ids[i].checked = state;          

            }          

                      

    }          

}          

         

/**         

* 全选页面上所有的checkbox        

*@state 全选的checkbox的状态        

*@author fangtf        

*@type void        

*/          

function selectAlls(state)           

{          

    var inputs = document.getElementsByTagName("input");          

    for(var i =0;i    

    {          

        if(inputs[i].type == "checkbox")          

        {          

            inputs[i].checked =state;           

        }          

    }          

         

}          

         

/**        

*得到鼠标所单击的行        

*@type Object        

*/          

function GetRow(oElem) {          

    while (oElem) {          

        if (oElem.tagName.toLowerCase() == "tr" && oElem.parentElement.tagName.toLowerCase() == "tbody") {          

            return oElem;          

        }          

        if (oElem.tagName.toLowerCase() == "table" || oElem.tagName.toLowerCase() == "th") {          

            return false;          

        }          

        oElemoElem = oElem.parentElement;          

    }          

}          

         

/**         

* 全选当前行的checkbox        

*@state 全选的checkbox的状态        

*@author fangtf        

*@type void        

*/          

function selectRowCheckbox(state)          

{          

  var row = GetRow(window.event.srcElement);          

  var cells = row.childNodes;           

  for(var i=0;i    

  {          

      var cell = cells[i].childNodes[0];          

     if(cell.tagName == "INPUT")          

     {          

        cell.checked = state;          

     }          

  }          

}          

         

/**         

*选中指定值的Radio        

*如:有两个radio,        

*第一个的name="ids",value="1"       

*第二个的name="ids",value="2"       

*调用方法selectRadio("ids","1");        

*那么数值为1的Radio将被选中        

*@name radio的名称        

*@value radio的值        

*@author fangtf        

*@type void        

*/          

function selectRadio(name,value) {          

    var radioObject = document.getElementsByName(name);          

    if(value === "")          

    {          

        radioObject[0].checked = true;          

        return;          

    }          

    for (var i = 0; i < radioObject.length; i++)           

    {          

        if(radioObject[i].value == value)          

        {          

            radioObject[i].checked = true;          

            break;          

        }          

                  

    }          

}          

         

/**         

*选中指定值的checkbox        

*如:有两个checkbox,        

*第一个的name="ids",value="1"       

*第二个的name="ids",value="2"       

*第三个的name="ids",value="3"       

*调用这个方法selectCheckbox("ids","1,2")那么数值为1,2的checkbox将被选中        

*                        

*@name 要选中的checkbox数组的名称        

*@value 判断时候选中的值        

*@author fangtf        

*@type void        

*/          

function selectCheckbox(name,value) {          

    var checkObject = document.getElementsByName(name);          

    var valuevalues = value.split(",");          

    for(var j = 0; j < values.length; j++)          

    {          

        for (var i = 0; i < checkObject.length; i++)           

        {          

            if(checkObject[i].value == values[j])          

            {          

                checkObject[i].checked = true;          

                break;          

            }          

        }          

    }          

              

}          

         

/**         

*选中指定值的select        

*如:有一个名称为user的select        

*       

*       

*调用这个方法selectOption("user","0")那么选项为0的选项就被选中        

*                       

*@name  String  select的名称        

*@value String  判断时候选中的值        

*@author fangtf        

*@type void        

*/          

function selectOption(name,value)          

{          

    var options = document.getElementsByName(name)[0].options;          

    for (var i = 0; i < options.length; i++)           

    {          

        if(options[i].value === value)          

        {          

            options[i].selected = true;           

            break;          

        }          

    }          

         

}      

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  input user table java