javascript - 获取具有相同 ID 和名称的输入值

Question

我想通过 jQuery 获取值(value)。我有一些输入具有相同的 id 和相同的名称。 我需要获得与输入值相比的值(value)。 示例:

<script>
  var num=$("#number").val();
  if(num > 0 && num <= 10)
  {
    //get value input id==1 and input name==low
    //get value input id==2 and input name==low
  }
  if(num > 10 && num <= 50)
  {
    //get value input id==1 and input name==med
    //get value input id==2 and input name==med
  }
</script>

<input id="number" type="text" />

<input id="1" name="low" type="hidden" value="15" />                
<input id="1" name="med" type="hidden" value="20" />
<input id="1" name="high" type="hidden" value="30" />

<input id="2" name="low" type="hidden" value="25" />                
<input id="2" name="med" type="hidden" value="40" />
<input id="2" name="high" type="hidden" value="30" />

Answer 1

属性id在文档中必须是唯一的，使用 class反而。您可以在 input 上使用带有 name 属性选择器的类事件如下:

$('#number').on('input', function(){
  console.clear(); // clear the previous output
  var num=$(this).val().trim();
  if(num > 0 && num <= 10){
    var low = $('.1[name=low]').val();
    console.log(low);
    var low2 = $('.2[name=low]').val();
    console.log(low2);
  }
  if(num > 10 && num <= 50){
    var med = $('.1[name=med]').val();
    console.log(med);
    var med2 = $('.2[name=med]').val();
    console.log(med2);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="number" type="text" />

<input class="1" name="low" type="hidden" value="15" />             
<input class="1" name="med" type="hidden" value="20" />
<input class="1" name="high" type="hidden" value="30" />


<input class="2" name="low" type="hidden" value="25" />             
<input class="2" name="med" type="hidden" value="40" />
<input class="2" name="high" type="hidden" value="30" />