Question

我有一个带开关的行/列表，遗憾的是脚本无法找到

新列中的开关，基本上在单元格结束之后。

我尝试修改在类似帖子中发布的一些脚本但是他们都没有工作。我现在几乎陷入困境。

这是我的HTML和执行交换机计算的java脚本：

    <div style="margin-left:-178px">
      <form action="file:///Users/jason/Desktop/Temp/JACK010.txt" target="_blank">
        <font color="white">JACK010</font>
        <input type="submit" value="CHECK ADDRESS">
          <div id="checkbox-container">
            <div style="margin-left:178px">
              <div style="margin-top:-18px">
                <div>
                  <input type="checkbox" id="option170">
                </div>
      </form>
  </td>
</tr>

我在单元格中有很多这些，最后是JavaScript：

var checkboxValues = JSON.parse(localStorage.getItem('checkboxValues')) || {};
var $checkboxes = $("#checkbox-container :checkbox");
$checkboxes.on("change", function() {
  $checkboxes.each(function() {
    checkboxValues[this.id] = this.checked;
  });
  localStorage.setItem("checkboxValues", JSON.stringify(checkboxValues));
});
$.each(checkboxValues, function(key, value) {
  $("#" + key).prop('checked', value);
});

谢谢！

Answer 1

仅使用checkbox-container会导致仅读取ID为checkbox-container的第一个容器。

如果要获取所有复选框，则应将var $checkboxes = $("div#checkbox-container :checkbox");更改为类或在jQuery中使用以下选择器：

<input type="checkbox" id="option170">

它将循环遍历所有复选框，即使使用ID而不是类。

请注意，您的复选框（{{1}}）的ID必须更改才能获得有效数据和所需的所有值。

附注：请保持HTML代码清洁有效。

脚本不在表格的每一行中的单元格中工作

1 个答案: