Question

我使用PHP name="student[<?php echo $StudentID ; ?>]"生成了多个文本框。

现在点击按钮我想使用jquery更改所有这些文本框的值。

我该怎么做？请帮忙。

Answer 1

您可以使用Attribute Starts With selector在name属性的开头查找student[：

$('input[name^="student["]').val('the new value');

可能没有必要在最后添加[，并且name^="student"就足够了，假设您没有其他输入，例如student_name等。

// If no conflicting named inputs, use
$('input[name^="student"]').val('the new value');

Answer 2

<强> HTML

<input type="text" name="student[]"></input>
<input type="text" name="student[]"></input>
<input type="text" name="student[]"></input>

<button id="button">Change</button>

<强>的JavaScript

$('#button').click(function() {
    $('input[name^="student"]').val('some value ');
});

JSFiddle

Answer 3

您还可以简单地添加一个对所有这些文本框唯一的类（即changableTextBox），然后用它选择它并立即更改它们。如果您需要一次调整所有样式，它对未来也很有帮助。只需在CSS中声明该类，你就是造型。

<input type="text" class="changeableStudentTextBox" id="student[11]" />
<input type="text" class="changeableStudentTextBox" id="student[23]" />
<input type="text" class="changeableStudentTextBox" id="student[45]" />
<input type="text" class="changeableStudentTextBox" id="student[66]" />

<script type="text/javascript">
     $('#button').click( function() { $('.changeableStudentTextBox').val('hi!'); });
</script>

使用jquery更改多个动态PHP生成的文本框的值

3 个答案: