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

kd3sttzy  于 2023-04-10  发布在  Java
关注(0)|答案(1)|浏览(84)

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

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>
zujrkrfu

zujrkrfu1#

当然可以,您可以在CSS类上查询Selector并检查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>

相关问题