如何读取页面加载时的复选框数据属性值

Question

我有一个复选框的数组列表。当用户点击特定复选框时，我正在使用以下代码阅读相应的复选框data-name属性值。

但是，在页面加载时会检查一些复选框。我想知道如何为选定的复选框读取页面加载时的data-name属性值。

$(document).on("click", ":checkbox", function() {
  var fruitName = $(this).attr('data-name');
});

Answer 1

您可以在加载时使用:checked选择器，然后循环遍历它们：

$(function() {
  $(":checkbox:checked".each(doSomethingWithCheckbox); // on load
  $(document).on("click", ":checkbox", doSomethingWithCheckbox); // on click

  function doSomethingWithCheckbox() {
    var fruitName = $(this).data('name');
  }
});