Question

我有这个jQuery函数，它将用户在值集上的输入相乘，并在同一文本框中输出结果。但我的同学添加了一个循环并使文本框保存了一组信息。它突然停止了工作。它是阻止函数执行的循环吗？

<?php
    if(!isset($_POST['submit'])){
    $con=mysql_connect('localhost', 'root', '') or die ("Unable to connect!");
    mysql_select_db('SoftEng') or die ("Unable to select database");
    $query="SELECT * FROM login  WHERE AccountType='Student' ORDER by Lname ASC";
    $result=mysql_query($query) or die ("Unable to execute query" .mysql_error());
?>

<?php
    while($row=mysql_fetch_object($result)){
?>

<tr><?php echo "<input type=hidden name=stud[] value=$row->ID>"?>
    <td style="vertical-align:middle" class="text-justify"><i class="fa fa-fw fa-user"></i> <?php echo $row->Lname.", ".$row->Fname;?></td>
    <td style="vertical-align:middle">
            <input type="text"  name="quiz[]" id="quiz" size="8" class="text-center">
            <script>
                    $('#quiz').on('change', function (){
                            $(this).val($(this).val() * .10);
                    compute();
                    });
            </script>
    </td>

    <td style="vertical-align:middle">
            <input type="text" name="recitation[]" id="recitation" size="8" class="text-center">
            <script>
                    $('#recitation').on('change', function (){
                            $(this).val($(this).val() * .05);
                    compute();
                    });
            </script>
    </td>

Answer 1

  <input type="text"  name="quiz[]" id="quiz" size="8" class="text-center">
                                     ^^^^^^^^

整个ENTIRE文档中的DOM ID必须是唯一的。如果您要添加多个这些输入，那么您将拥有重复的ID。切换到使用类，例如

<input class="quiz" ...>

$('.quiz').on(.....);

虽然Loop干扰了jQuery

1 个答案: