JS實用——Interacting with 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               {                         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;                         }                     }                                 }