for 循环.checked = true 仅最后一个选中，而 setAttribute

Question

如下示例代码：将 3 个 checkbox 都勾选上。为什么 setAttribute 可以，直接给checked 赋值却不行？

  var test = document.getElementById('test');

//   可以

   for (var i = 0; i < 3; i++) {

     test.innerHTML += `<input type="checkbox" class="c" />`;

     document.getElementsByClassName('c')[i].setAttribute('checked',true);

   }

//   不可以

  for (var i = 0; i < 3; i++) {

    test.innerHTML += `<input type="checkbox" class="c" />`;

    document.getElementsByClassName('c')[i].checked = true;

  }