麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

多個datatable共存造成多個表格的checkbox都被選中

2019-11-20 22:32:06
字體：大 中 小
來源：轉載
供稿：網友
【問題原因】
這個應該是 jquery.datatable 控件本身的一個缺陷。
該控件中的checkbox小插件的id是寫死的，所以當有多個datatable引用到一個頁面中的時候，全選事件會匹配全部的datatable，所以造成全部多個表格的checkbox被都被選中。

【解決方法】
所以最好是修改jquery.datatable控件，給生成的每個datatable下的checkbox賦 予不同的id，因為datatable的id是不一樣的，所以可以把 datatable的id作為 checkbox的前綴組成一個唯一的id 。 具體這個checkbox的調用事件也需要同步 替換成這個新id，進行事件的調用。
[修改文件]
jqurey.datatable.ext.js (v0.0.1)

1. init方法修改：
復制代碼 代碼如下:

$("#"+options.select_table).find('thead tr th:first-child')
.prepend('<input type="checkbox" value="CHK_ALL" id=“chk_all" />');
==>
$("#"+options.select_table).find('thead tr th:first-child')
.prepend('<input type="checkbox" value="CHK_ALL" id="'+options.select_table+'_chk_all" />');

2.subscribeAllChk方法修改：
復制代碼 代碼如下:

$("#chk_all").click(function(){
==>
$("#"+$.fn.datatable_ext.defaults.select_table+"_chk_all").click(function(){

3.subscribeChk方法修改：
復制代碼 代碼如下:

if(checked_chk_num == curr_page_chk_num){
$("#chk_all").attr('checked', 'checked');
}else{
$("#chk_all").removeAttr('checked');
}
==>
if(checked_chk_num == curr_page_chk_num){
$("#"+$.fn.datatable_ext.defaults.select_table+"_chk_all").attr('checked', 'checked');
}else{
$("#"+$.fn.datatable_ext.defaults.select_table+"_chk_all").removeAttr('checked');
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 调教小男生抽打尿孔嗯啊视频 | 午夜精品在线视频 | av手机在线电影 | 素人视频在线观看免费 | 黑人一级片视频 | 久久免费视频1 | 亚洲影视中文字幕 | 欧美性受xxxx人人本视频 | 久久成人免费观看 | 在线播放中文 | 手机av免费电影 | 性欧美极品xxxx欧美一区二区 | 国产精品白嫩白嫩大学美女 | 国产一区二区三区四区五区精品 | 日本aaaa片毛片免费观蜜桃 | 精品国产一区二区三区在线观看 | 在线观看av国产一区二区 | 91久久国产露脸精品国产护士 | 精品国产欧美一区二区 | 国产精品99久久久久久大便 | 欧美性生交xxxxx久久久 | 国产一区二区欧美精品 | 国产一区二区三区网站 | 成年片在线观看 | 国产成人在线网址 | 一级在线观看视频 | 成人不卡 | 视频在线色 | 国产九色在线观看 | 在线观看免费毛片视频 | 99激情| 国产精品久久国产精品 | 欧美a级在线免费观看 | 免费看成人av | 一级电影中文字幕 | 久久精品一区二区三 | 欧美顶级毛片在线播放小说 | 精品久久中文字幕 | 欧美精品一区二区三区久久久 | 国产精品午夜在线观看 | 免费特黄 |