javascript - 为什么我不能使用带有多重选择器的 prop() 翻转检查属性？

Question

我知道通常当需要多个类来选择不同的类时，我们使用 , 并且我也四处搜索以确保我没有记错但不知何故如果我使用 , 没有错误，但它不会检测到第二个选择，只检测到第一个。如果我分别调用这些类，那么代码就可以工作了。谁能告诉我我在 jQuery 上做错了什么？

这有效。

if(($('.use-remaining').prop("checked")) || (($('.use-briquettes').prop("checked")))){}

但如果我这样做，它就不会工作

if(($('.use-remaining, .use-briquettes').prop("checked"))){}

我有三个复选框。在表单提交之前只能检查一个。当表单提交时，它会检查哪个复选框被选中。如果选中上述代码中的任一类，则表单将检查特定输入，如果选中第三个复选框，则它将检查不同的验证。

只是因为这两个复选框具有相同的检查输入，所以我想如果可能的话为什么不将它们结合起来。

Answer 1

根据 jQuery docs :

.prop( propertyName )

Description: Get the value of a property for the first element in the set of matched elements.

还有:

The .prop() method gets the property value for only the first element in the matched set.

对于多个选择器，它只检查第一个被选元素的属性。考虑以下代码段:

$("#test_button").click(function() {
  console.log($("#test, .test_2").prop("checked"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="test">
<input type="checkbox" class="test_2">
<button id="test_button">
Test
</button>
<br>
Notice that when the first isn't selected but the second is, it still is false!

如您所见，当第一个元素被选中或全部被选中而另一个未被选中时，或者当它们都被选中时，它会是真的，但当第二个被选中时，则不是，第一个不是。