1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > checkbox全选 反选的实现方式

checkbox全选 反选的实现方式

时间:2024-09-03 12:53:26

相关推荐

checkbox全选 反选的实现方式

1.创建一个checkbox 按钮

2.需要被选中的checkbox

<input type=“checkbox” name=“infoGUID” value="${rowData.infoGUID}"

实现方法: 全选,反选

$("#chkall").change(function() {

$(“input[name=‘infoGUID’]”).prop(“checked”, $(this).prop(“checked”));

});

实现指定数量的check,被选中:

比如导出或者删除50条数据

可以先选中这些数据

function selectAll(obj){

if(obj.checked){

var checkboxs = document.getElementsByName(“infoGUID”);

for (var i = 0; i < 50; i++) {

checkboxs[i].checked = true;

}

}else{

var checkboxs = document.getElementsByName(‘infoGUID’);

for (var i =0; i < checkboxs.length; i++){

checkboxs[i].checked = false;

}

}

}

3.实现被选中的checkbox 值的获取

比如需要批量导出 或者 删除

导出

//遍历each 将每个值infoGUID添加到数组中

function excelSupInfo(){

var infoGUID = [ ];

("input[name=′infoGUID′]:checked"):each(function()infoGUID.push(this.value);)window.location.href="("input[name='infoGUID']:checked"):each(function(){ infoGUID.push(this.value); }) window.location.href = "("input[name=′infoGUID′]:checked"):each(function()infoGUID.push(this.value);)window.location.href="{ctx}/supervision/exportExcelAction.do?method=supExportExcel2&infoGUIDs="+infoGUID.join(",");

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。