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

您可以使用属性starts with selector：

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

更好的是，为这些元素添加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);
});

这里我试图将input元素的值更改为1

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

3 个答案: