如何改变状态的所有复选框(在所有页面),当点击selectAll复选框[使用jQuery数据表]
How to change states of all checkboxes (in all pages) when clicked selectAll checkbox [using jQuery datatable]
我试图通过添加复选框列来修改jQuery dataTable。我的表格由多页组成。我想添加一个选择所有复选框,当我点击它时,它需要选择所有页面中的所有复选框。我的问题是,目前它只选择当前页面上的复选框。
下面是我的html代码:
<div id="results_table">
<h3>Results</h3>
<div>
<h5 style="float:left;">Results - Table</h5>
<button id="download-json" class="btn" style="float:right;"><i class="icon-download"></i> Get JSON</button>
<button id="download-csv" class="btn" style="float:right;"><i class="icon-download"></i> Get CSV</button>
</div>
<br>
<table id="example" class="display" width="100%"></table>
<div id="results_container">
<p>Execute a query first!</p>
</div>
</div>
如果我理解你很好,你需要存储复选框状态应用时,另一个页面加载(或者你有一个SPI web?)
你可以用Javascript在sessionStorage
中存储:
var storage = window.sessionStorage; // initialize storage object
$('input[type="checkbox"][name="selectAll"]').click(function(){
if($(this).prop("checked") == true){
$(':checkbox').each(function() {
this.checked = true;
storage.setItem("checkALL", true); // save state
});
}
else if($(this).prop("checked") == false){
$(':checkbox').each(function() {
this.checked = false;
storage.setItem("checkALL", false); //save state
});
}
});
当你加载另一个页面时,你可以处理in load事件
$(document).ready(function() {
var storage = window.sessionStorage;
$('input[type=checkbox]').each(function() {
$(this).prop('checked', storage.getItem("checkALL")); // set state
});
});
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 正在验证8个真/假复选框或复选框中的2个
- 为复选框javascript指定两个值
- 如何在单击复选框后调用控制器方法
- 从复选框和Selects-KnockoutJS中获取值的总和
- 选中多个具有相同名称的复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 使用$.ajax发布多个复选框
- AngularJS单选筛选不适用于Name、Description和Field4复选框值
- 使用jquery选中/取消选中单个复选框
- Angular JS Filter-通过3个复选框进行筛选
- 如果选中了多个复选框,如何添加事件
- Javascript复选框函数:;缺少:在属性id之后"
- JavaScript-切换“;全部检查”;复选框true/false
- Html5支持复选框的SelectAll
- 如何改变状态的所有复选框(在所有页面),当点击selectAll复选框[使用jQuery数据表]
- 单击selectAll复选框后,“选择/取消选择”复选框无效
- UI-Grid -如何使用selectAll复选框选择显示在当前页面中的记录
- 如何创建一个selectAll复选框,并在每个复选框上触发ng-click的每个函数