>我有一个表格,有分页。我创建了一个脚本来计算表上选中的复选框。它在第一页上运行良好,但是当我选择第二页时,当我选择时它不算数。
这是我的脚本:
<script>
$(document).ready(function(){
var data = {
'300x250': 0,
'160x600': 0,
'728x90': 0,
'300x600': 0,
'300x300': 0,
'120x600': 0,
'100x72': 0,
'970x250': 0,
'750x200': 0,
'120x60': 0,
'200x600': 0,
}
function registerEvents() {
$(".checkbox").on("change", function() {
var value = $(this).is(":checked") ? 1 : -1;
var key = $(this).attr('value').split('_')[0];
console.log(key, value);
data[key] += value;
printData();
});
}
function printData() {
$("#result").html(JSON.stringify(data, " ", 4));
$("#result300x250").html(JSON.stringify(data['300x250'], " ", 4));
}
registerEvents();
});
</script>
希望我解释得很好,谢谢
页面加载时 DOM 中的这些复选框吗?
也许您的选择器应该遵循以下行:
$("#tableID").on("change", ".checkbox", function(){
/*Your function here*/
});