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;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值