如何使用JavaScript在Jekyll中启用禁用的检查表？

我只需要一个复选框，是可点击时呈现。似乎如果我使用标记创建一个复选框，它不会提供切换选项

杰基尔

- [ ] Mercury
- [ ] Venus
- [ ] Earth 

我尝试过使用JavaScript，但它似乎不起作用

JS

HTML

水星
维纳斯
地球

我发现了两件重要的事情：

---

使用

getElementsByCassName

后，您应该只传递类名，而不传递

，因此尝试使用

.getElementsByCassName（'task-list-item-checkbox'）

根据定义，不只是返回一个项目，而是：

---

Document接口的

getElementsByClassName

方法返回具有所有给定类名的所有子元素的类似数组的对象

根据我的评论，您可以尝试以下方法：

const checkbox=document.getElementsByClassName（'task-list-item-checkbox'）；
Array.prototype.forEach.call（复选框，函数（e）{
e、 删除属性（“禁用”）；
});

水星
维纳斯
地球
以防将来有人遇到这种情况，使用JQuery也可以

$(document).ready(function(){
   $('.task-list-item-checkbox').prop("disabled", false); 
}); 

getElementsByClassName
返回元素列表，因此尝试遍历结果。可能会有帮助。
$(document).ready(function(){
   $('.task-list-item-checkbox').prop("disabled", false); 
});