如何为表格中无ID的复选框动态添加ID及关联匹配标签？

你已经通过uniqueId()成功给每个复选框添加了唯一ID，接下来只需要在这段代码之后，添加一段逻辑来生成并插入匹配的<label>标签即可，具体代码如下：

// 先给所有input添加唯一ID
$("input").each(function () { 
  $(this).uniqueId(); 
});

// 遍历每个复选框，生成对应label并插入
$("input[type='checkbox']").each(function() {
  // 获取当前复选框的ID
  const currentId = $(this).attr('id');
  // 创建label元素，设置for属性为当前复选框的ID
  const labelElement = $('<label>').attr('for', currentId);
  // 将label插入到复选框的后方
  $(this).after(labelElement);
});

代码说明： #

• 保留你原本的uniqueId()调用，确保每个复选框都有唯一的ID标识；
• 用$("input[type='checkbox']")精准定位所有复选框，避免误操作其他类型的输入框；
• 对每个复选框，获取它的ID值，创建新的<label>元素并绑定对应的for属性；
• 最后用after()方法把label插入到复选框的后面，完全匹配你想要的最终HTML结构。

运行这段代码后，你的每个复选框都会自动带上对应的空label标签，和你给出的示例效果完全一致。

内容的提问来源于stack exchange，提问作者MShack