boostraptable 自动选中数据

原创于 2019-11-25 14:39:46 发布 · 286 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#boostrap #js #前端

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现自动选中页面上指定比例复选框的方法，通过点击“自动选中”按钮，可以实现前70%复选框的自动勾选。并解决了使用BootstrapTable获取选中数据的问题。

有一个需求：在点击“自动选中”按钮时，复选框自动勾选前70%的数据

代码如下：

 function  autoCheck() {
    	
    	$.post("${baseCxt}/zcpyVote/voteNum",{pyzId:"${pyzId}"}, function(d){
		    var eles = document.getElementsByTagName("input");
	        for (var i = 1; i <= d; i++) { 
		      if(eles[i].type=="checkbox" && !eles[i].checked){
		        //eles[i].checked=true;
		        //eles[i].parentNode.parentNode.parentNode.classList.add("selected");
		        eles[i].click();
		      }
		   
	        }
	        
		});

注释的那种方法也可以实现，但通过bootstrapTable的$('#vote_list').bootstrapTable("getSelections"); 方法获取不到选中数据

所以最后用.click()方法实现啦