javascript - 通过其起始名称获取 jquery 中输入的值

Question

嗨，我的 jsp 中有一堆输入框，每个输入框都有不同的名称，但它们共享名称的一部分相同。这是示例：

<input type"text" name="sequence_1" value="1" />
<input type"text" name="sequence_3" value="5" />
<input type"text" name="sequence_4" value="6" />
<input type"text" name="sequence_7" value="67" />
<input type"text" name="sequence_8" value="3" />
<input type"text" name="sequence_10" value="23"/>

这些列表可以增长任何长度，结束数字可以是任何东西。对于这些文本框，我需要在 javascript 中访问它们并且需要动态更改它们的值。我怎么做？有没有办法仅通过使用起始名称来访问输入框值？

Answer 1

您可以使用以选择器开头的属性：

var $inputs = $('[name^="sequence_"]');

更好的是，将 a 添加class到这些元素以对它们进行分组并按此选择。这种方法会更快。

Answer 2

Better approach is place all input fileds in a class or field-set, like 

 $(".Myclass").each(function () {
var ar=[];
var name= $(this).attr('name');
ar.push(name;
});

$.each(ar, function (index, item) 
{
     alert(item);
});

i htink that is exactly what you are looking for.

Answer 3

我使用类方法来获取所有元素，并且效果很好。这是代码：

$(".text3").filter(function() {
    console.log(this.value);
    this.value = '1';
    console.log(this.value);
});

在这里，我试图将输入元素的值更改为 1