jsss2-优快云博客

本文介绍了一种使用JavaScript实现网页表单中复选框全选及反选功能的方法。通过定义两个函数，selectAll和deselectAll，可以轻松地让所有非禁用状态的复选框被选中或取消选中。此外，还提供了一个getEmenVale函数用于获取当前选中的复选框值。

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

//---<ec:column property="null" title="<input name='checkbox22' type='checkbox' id='items:selectAll' onClick='handleSelectAllEvent(\"ptform\",\"items:selectAll\");' value='selectAll' style='cursor:pointer'>全选" width="5%" sortable="false" >----
function handleSelectAllEvent(formId,selAllId){

var selector = $(selAllId);
if (selector.checked == true){
selectAll(formId);
}
else{
deselectAll(formId);
}
}
/**
* Select All checkboxes in the form except for the disables.
*/
function selectAll(formId)
{
var form = $(formId);
var eles = form.elements;
if (eles.length > 0)
{
for (var i=0; i<eles.length; i++)
{
var node = eles[i];
if (node.type == "checkbox" && node.disabled == false)
{
node.checked = true;
}
}
}
}
/**
* Deselect All checkboxes in the form except for the disables.
*/
function deselectAll(formId)
{
var form = $(formId);
var eles = form.elements;
//alert(eles.length);
if (eles.length > 0)
{
for (var i=0; i<eles.length; i++)
{
var node = eles[i];
//alert(node.tagName);
if (node.type == "checkbox" && node.disabled == false)
{
node.checked = false;
}
}
}
}

//判断复选框选是否被选中，选中返回选中后的ID值
function getEmenVale(objid){
var form=$(objid),eles = form.elements;
var reId="";
var k=0;
if (eles.length > 0){
var checkedboxNum=0; //选中的复选筐
for (var i=0; i<eles.length; i++){
var node = eles[i];
if (node.type == "checkbox" && node.disabled == false){
if(node.checked){
if (k == 0) {
reId = "'" + node.value+ "'";
k=k+1;
}else {
reId = reId + ",'" + node.value + "'";
k=k+1;
}
}

}
}
}
return reId;
}