checkbox的选中与取消_el-checkbox取消勾选回调函数-优快云博客

本文链接：https://blog.youkuaiyun.com/flqchl/article/details/46892305

这段代码展示了如何使用JavaScript处理表格中checkbox的选择状态。包括选中时的doAfterTrChecked函数、取消选中时的doAfterTrUnChecked函数，以及全选/反全选的checkAll函数。代码涉及对checkbox数组的遍历，更新相关label元素，并处理字符串的空格。

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

//选中checkbox的回调函数 add by zhangtong 20150714
function doAfterTrChecked(checkObj){
var chooseInputArr = J$("TABLE[id='rwList'] input[type='checkbox'][id='choose'][name='choose']");
var pzhmLabelArr = J$("TABLE[id='rwList'] LABEL[id='swdjzh']");
var swdjzhArr="";
for (var i = 0; i < pzhmLabelArr.length; i++) {
if(chooseInputArr[i].checked==true){
var myval2 = pzhmLabelArr[(i)].innerText;
var temp = replaceAll(myval2);
//封装查询条件
swdjzhArr +="'"+temp+"',";
}
}
var swdjzhStr=swdjzhArr.substr(0,swdjzhArr.length-1);
document.getElementById("swdjzhStr").value=swdjzhStr;

}
//取消选中checkbox的回调函数 add by zhangtong 20150714
function doAfterTrUnChecked(checkObj){
var chooseInputArr = J$("TABLE[id='rwList'] input[type='checkbox'][id='choose'][name='choose']");
var pzhmLabelArr = J$("TABLE[id='rwList'] LABEL[id='swdjzh']");
var swdjzhArr="";
for (var i = 0; i < pzhmLabelArr.length; i++) {
if(chooseInputArr[i].checked==true){
var myval2 = pzhmLabelArr[i].innerText;
var temp = replaceAll(myval2);
swdjzhArr +="'"+temp+"',";
}
}
var swdjzhStr=swdjzhArr.substr(0,swdjzhArr.length-1);
document.getElementById("swdjzhStr").value=swdjzhStr;
}

//去除空格add by zhangtong 20150714
function replaceAll(str){
if(str!=null)
str = str.replace(/,/g,'');
return str;
}
//全选|反全选 add by zhangtong 20150714
function checkAll(obj){
if(obj!=null){
if (obj.checked){
checkFenyeCurPage(obj.parentNode.parentNode.parentNode.parentNode.id);
} else {
checkNOFenyeCurPage(obj.parentNode.parentNode.parentNode.parentNode.id);
}
}
}