javascript - Jquery 每个函数在服务器上不工作

Question

我编写了一个在本地服务器上工作的代码，但在网上它不工作，下面显示了代码。

$(".super").each(function() {
var sup = "First Checkbox,Third Checkbox,Fourth Checkbox";
var array = sup.split(",");

$.each(array, function(i) {
   $("input[type=checkbox][value='" + array[i] + "']").prop('checked', true);
   });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table">
  <tr>
    <td width="150">
      <label>First Checkbox</label>
    </td>
    <td class="super">
      <input type="checkbox" name="txtSup" value="First Checkbox">
    </td>
    <td width="180">
      <label>Second Checkbox</label>
    </td>
    <td class="super">
      <input type="checkbox" name="txtSup" value="Second Checkbox">
    </td>
    <td width="150">
      <label>Third Checkbox</label>
    </td>
    <td class="super">
      <input type="checkbox" name="txtSup" value="Third Checkbox">
    </td>
    <td width="130">
      <label>Fourth Checkbox</label>
    </td>
    <td class="super">
      <input type="checkbox" name="txtSup" value="Fourth Checkbox">
    </td>
 </tr>
</table>

上面的代码显示多个值用逗号分隔，我需要获取每个值并启用复选框，但它在本地 xampp 上工作但在服务器上联机时不工作。

Answer 1

你的逻辑有几个问题。

• super 是 ECMA2015 中的保留关键字。您需要重命名该变量
• type和value属性选择器需要分开； IE。添加缺少的 ]
• 您不能将 div 元素作为 tr 的子元素。删除它们。
• 您重复了相同的 txtSup id 属性，但它们必须是唯一的。删除该属性，如果需要，您可以将其更改为 class。

$(".super").each(function() {
  var sup = "First Checkbox,Third Checkbox,Fourth Checkbox";
  var array = sup.split(",");

  $.each(array, function(i) {
    $("input[type=checkbox][value='" + array[i] + "']").prop('checked', true);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table">
  <tr>
    <td width="150">
      <label>First Checkbox</label>
    </td>
    <td class="super">
      <input type="checkbox" name="txtSup" value="First Checkbox">
    </td>
    <td width="180">
      <label>Second Checkbox</label>
    </td>
    <td class="super">
      <input type="checkbox" name="txtSup" value="Second Checkbox">
    </td>
    <td width="150">
      <label>Third Checkbox</label>
    </td>
    <td class="super">
      <input type="checkbox" name="txtSup" value="Third Checkbox">
    </td>
    <td width="130">
      <label>Fourth Checkbox</label>
    </td>
    <td class="super">
      <input type="checkbox" name="txtSup" value="Fourth Checkbox">
    </td>
  </tr>
</table>

考虑到前两个问题，无论服务器如何，我根本看不出您的代码是如何工作的。