JS对CHECKBOX的操作

来源:互联网 发布:u盘osx系统与windows 编辑:程序博客网 时间:2024/06/05 18:41
/**     * 全选的所有指定名称的checkbox    *@state 全选的checkbox的状态    *@name   表格中的所有checkbox的名称    *@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    *@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的状态    *@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的状态    *@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的值    *@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 判断时候选中的值    *@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  判断时候选中的值    *@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;              }          }      }   


原创粉丝点击