jquery checkbox循环数据

$('input[type=checkbox]').each(function(){
var itemId = $(this).attr('data-item-id'); //获取循环到的复选框的data-item-id属性值
var data = getDataById(itemId);  //根据上一步获取的itemId获取对应的数据
$(this).attr('checked',data.isChecked); //将对应的复选框状态更新为数据中的isChecked值
});

上述代码中,使用了each()函数对页面中所有的复选框进行循环遍历。获取每一个复选框的data-item-id属性值,然后使用该值获取对应的数据。最后,将数据中isChecked属性的值赋值给复选框的checked属性,完成状态的更新。

如果需要将选中的复选框所对应的数据进行批量操作,可以使用以下代码:

var selected = $('input[type=checkbox]:checked').map(function(){
return $(this).attr('data-item-id');
});

上述代码中,使用checked属性选中所有已选中的复选框,再使用map()函数将这些复选框的data-item-id属性值存储在一个数组中。这样就可以方便地对这些数据进行批量操作了。

你可能感兴趣的:(jquery,前端,javascript)