关于checkbox跟radio的JS函数!

java 代码

/**

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

}

}

}