Html中 table,list等表格中 js 的 Checkbox全选，反选，单选，获取数据选中行的写法

一：Html页面：

</table>

二：js代码：

1：填充表格数据

$.each(list, function (i, val) {
$("<tr>").html(
'<td class="li9"><input type="checkbox" class="clCb" style="-webkit-appearance: checkbox; width:16px; height:16px;" >
'</td>').appendTo($('#list tbody'));

}):

2：js函数

//全选函数
function checkAll() {
var all = document.getElementById('all');//获取到点击全选的那个复选框的id
var one = document.getElementsByClassName('clCb');//获取到复选框的名称
//因为获得的是数组，所以要循环为每一个checked赋值
for (var i = 0; i < one.length; i++) {
one[i].checked = all.checked; //直接赋值不就行了嘛
}

}

//获取勾选框选中行函数
function onGetCheckRows() {
var arrs = [];
var arrState = [];
var arrSchool = [];
var row = $(".clCb");
for (var i = 0; i < row.length; i++) {
var isChecked = row[i].checked;
if (isChecked) {
var conncetState = $("#list tr .liConnectState")[i + 1].innerText;
arrState.push(conncetState);
var schoolId = $("#list tr .li1")[i + 1].innerText;
arrSchool.push(schoolId);
}
}
arrs.push(arrState);
arrs.push(arrSchool);
return arrs;
}

Html中 table,list等表格中 js 的 Checkbox全选，反选，单选，获取数据选中行的写法相关推荐

html中table的colspan,表格中的colspan colspan
表格中的colspan colspan colspan 属性规定单元格可横跨的列数 colspan="2" rowspan 属性规定单元格可横跨的行数 rowspan=" ...
HTML网页中table居中和表格内容居中
HTML网页中table居中和表格内容居中 1.html中让表格在浏览器中左右居中,可以设置表格的align属性 align三个属性: 居中:center:靠左:left:靠右:right. 2.在表 ...
html 使table 页面居中,HTML网页中table居中和表格内容居中
HTML网页中table居中和表格内容居中 1.html中让表格在浏览器中左右居中,可以设置表格的align属性 align三个属性: 居中:center:靠左:left:靠右:right. 2.在表 ...
html5 表格向下,html中table固定头部表格tbody可上下左右滑动代码实例
本篇文章小编给大家分享一下html中table固定头部表格tbody可上下左右滑动代码实例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 当表格头部固 ...
chrome将html转成excel,怎样在Chrome浏览器中，直接让表格中的数据以Excel文件形式导出|网页转excel表格...
怎么把jsp页面表单上的数据导出成Excel-CSDN论坛留个QQ,发给你个控件在js导出表格到excel的时候,如何用js设置时间的的格式将页面中指定的数据导入到Excel中 border=& ...
计算机表格数据怎么样汇总,excel中如何将不同表格中的统一数据汇总求和《》...
怎么让EXCEL表格多个单元格里的数值相加求和? 有两种方法, 第一种:如果多个单元格的数量多,你可以用sum求和进行,在格式工具有一个"∑"自动求和的符号,选择sum自动求和这个 ...
word2010中如何在斜线表格中添加文字
word2010中如何在斜线表格中添加文字 | 浏览:2911 | 更新:2014-10-31 09:29 | 标签:word2010 1 2 3 4 5 6 7 分步阅读百度经验:jingyan. ...
element 表格评分表（合并单元格，单选框按钮选分，计算表格总分）
文件下载 >>https://download.csdn.net/download/jemycc/12837044 突然发现 vxe 会更方便 vxe官网: https://xuliang ...
对页面中HTML的多表格筛选js
以下是整个js内容直接在HTML页面中引用就可生效 //判断现实状态,全1时要显示出来 var showType = "111111";//有几列,就有几个1if (!Strin ...

Html中 table,list等表格中 js 的 Checkbox全选，反选，单选，获取数据选中行的写法

Html中 table,list等表格中 js 的 Checkbox全选，反选，单选，获取数据选中行的写法相关推荐

最新文章

热门文章

Html中 table,list等表格 中 js 的 Checkbox全选，反选，单选，获取数据选中行 的写法

Html中 table,list等表格 中 js 的 Checkbox全选，反选，单选，获取数据选中行 的写法相关推荐

最新文章

热门文章

Html中 table,list等表格中 js 的 Checkbox全选，反选，单选，获取数据选中行的写法

Html中 table,list等表格中 js 的 Checkbox全选，反选，单选，获取数据选中行的写法相关推荐