javascript - 从具有动态 id 的输入字段中获取 jquery 中的值

Question

我想获取具有动态 id 的输入字段的值到 jquery 函数

<input type="text" id="a_8" name="a_8" value="12">
<input type="text" id="b_8" name="b_8" value="22">
<button type="button" class="btn btn-success" onclick="javascript:det(8);">Submit</button>

<input type="text" id="a_9" name="a_9" value="22">
<input type="text" id="b_9" name="b_9" value="52">
<button type="button" class="btn btn-success" onclick="javascript:det(9);">Submit</button>

jQuery函数

function det(a)
{
//how can I get values of id a_8,b_8  when first button is clicked
and a_9,b_9 values when second button is clicked
}

标签： javascriptjqueryajax

Answer 1

您可以通过将方法参数 a 附加到 a_ 或 b_ 来简单地创建控件的 id，例如 $("#a_"+a).val()

function det(a)
{
  alert($("#a_"+ a ).val());
  alert($("#b_"+ a ).val());
  
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="a_8" name="a_8" value="12">
<input type="text" id="b_8" name="b_8" value="22">
<button type="button" class="btn btn-success" onclick="javascript:det(8);">Submit</button>

<input type="text" id="a_9" name="a_9" value="22">
<input type="text" id="b_9" name="b_9" value="52">
<button type="button" class="btn btn-success" onclick="javascript:det(9);">Submit</button>