JS实用——Interacting with checkbox

来源：互联网发布：淘宝加购物车送优惠券编辑：程序博客网时间：2024/06/05 06:25
    /**               * 全选的所有指定名称的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="２"             *调用方法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;                         }                     }                                 }