如何排查和解决Javascript点击事件？

Question

我正在尝试通过重用wordpress设计来改变rails应用程序的设计(我正在改变布局、模板、CSS文件和插入新的JS文件。由于AJAX、验证等原因，我需要保留一些旧的JS文件)

无论如何，目前复选框点击是不起作用的。新的设计使用了Jquery和一些额外的JS文件，正如你在下面看到的；在wordpress站点中，checkbox在视觉上被一个标签标签所取代；每当标签被点击时，checkbox状态就会变为被JS点击。然而，由于某些原因(我现在还不清楚)，当前点击并没有改变我的rails渲染页面上的任何东西。(我在rails控制台和chrome开发人员控制台上都没有收到错误)。

​

​

下面是复选框的HTML代码：

<p>
  <input type="checkbox" id="fuel_Dizel">
  <label for="Dizel">Dizel</label>
</p>

当我删除下面的CSS代码时，我能够访问checkbox，在这里当我单击checkbox时，它正在工作，也正确地改变了标签框的外观)。

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;

​

​

我没有太多关于JS故障排除的经验，如果您能指导我如何进行故障排除并找到并解决问题的根本原因，我将不胜感激。

Answer 1

使用标签"Label“时，必须确保属性"for”的值与要触发的输入的属性"name“具有相同的值

​

<p>
  <input type="checkbox" name="Dizel" id="fuel_Dizel">
  <label for="Dizel">Dizel</label>
</p>

​