JavaScript查询所有类并检查是否有设置为true的

Question

下面的逻辑是使用类名获取所有值，然后进行循环。在循环中，我检查是否有任何值为真。我想看看是否有一种方法可以做到这一点没有循环，我可以只是查询类，确保只有一个是真的，然后将ResultValue设置为真?

let File = false;
$('.fileClass').each((index, element) => {
console.log(element.value);
if (element.value == true) {
File = "True"
}     
});
if (File === false) {
$('#hasFile').val('');
}

$('#ResultValue').html($('#hasFile').val());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="hidden" id="hf1" name="hf1" class="fileClass" value="False">
<input type="hidden" id="hf2" name="hf2" class="fileClass" value="False">
<input type="hidden" id="hf2" name="hf2" class="fileClass" value="False">


<input type="hidden" id="hasFile" name="hasFile" value="True">


<label id="ResultValue"></label>

Answer 1

当然可以，您可以在CSS类上查询yselector并检查Value是否设置为True

const hasFiles = $('.fileClass[value="True"]').length > 0;
if (!hasFiles) $('#hasFile').val('');

$('#ResultValue').html($('#hasFile').val());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="hidden" id="hf1" name="hf1" class="fileClass" value="False">
<input type="hidden" id="hf2" name="hf2" class="fileClass" value="False">
<input type="hidden" id="hf3" name="hf3" class="fileClass" value="False">

<input type="hidden" id="hasFile" name="hasFile" value="True">

<label id="ResultValue"></label>