JS对CHECKBOX的操作

/**    

* 全选的所有指定名称的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<inputs.length;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<cells.length;i++)     

  {     

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

if(cell.tagName == "INPUT")     

     {     

        cell.checked = state;     

     }     

  }     

}     

/**    

*选中指定值的Radio   

*如：有两个radio,   

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

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

*调用方法selectRadio("ids","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="２"  

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

*调用这个方法selectCheckbox("ids","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;     

        }     

    }     

}