通过ID访问复选框

Question

在项目中有一个外部.js文件，它链接到.jsp文件。我需要确认是否检查.jsp文件中的某个复选框，我必须从.js文件中执行此操作。让我们说复选框的ID是：＆＃34; fruit＆＃34;。

我在.js文件中编写以下代码：

if(fruit=="true"){console.log('checked');}

不知何故，控制台语句永远不会被打印出来，我不确定上面提到的代码有什么问题。希望有人可以提供建议。谢谢。

Answer 1

那是因为fruit引用了HTMLInputElement个对象，而不是字符串。

最小的变化是使用该元素的checked属性：

if(fruit.checked){console.log('checked');}

但请注意，您依赖的事实是，使用id中的名称将具有id属性的元素转储到全局命名空间。我通常不依赖于它，因为其他东西很容易覆盖自动全局（并且因为这种行为没有在任何地方指定，而且在我看来是一个非常糟糕的主意;遗憾的是我认为它会成为它的方式太长时间之前进入规范。）

因此，通常使用document.getElementById：

而不是依赖于此

if(document.getElementById("fruit").checked){console.log('checked');}

（或者，当然，像jQuery这样的库使得它更短一点，但如果这就是你所做的一切，那就不需要库。）

Answer 2

使用jquery应该是：

if($('#fruit').prop('checked')){ console.log('checked');}