check radio 取值与设置值

最新推荐文章于 2023-08-12 12:21:00 发布

maypol

最新推荐文章于 2023-08-12 12:21:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： function string input user object table

本文链接：https://blog.youkuaiyun.com/maypol/article/details/5370869

js 专栏收录该内容

19 篇文章

订阅专栏

本文提供了一系列JavaScript函数，用于批量操作网页上的Checkbox与Radio元素，包括全选、按值选择等功能，适用于表格数据的选择与处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

checked radio js 函数2007年08月08日星期三 18:21

/**
* 全选的所有指定名称的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;
         }
     }

}