如何选中父类class为include的<tr>下的checkboxplay复选框？

没问题，我帮你调整代码，实现只勾选class='include'的<tr>下的class='checkboxplay'复选框需求，下面分两种常用的实现方式：

原生JavaScript实现 #

你可以用document.querySelectorAll()精准定位目标复选框，然后遍历设置它们的选中状态：

// 确保DOM加载完成后执行代码
document.addEventListener('DOMContentLoaded', function() {
  // 选中所有class为include的tr下的checkboxplay复选框
  const targetCheckboxes = document.querySelectorAll('tr.include input.checkboxplay');
  
  // 遍历并设置为勾选状态
  targetCheckboxes.forEach(checkbox => {
    checkbox.checked = true;
  });
});

这段代码的逻辑很清晰：

• 用选择器tr.include input.checkboxplay精准筛选出符合条件的复选框
• 通过forEach遍历每个复选框，将checked属性设为true

jQuery实现（如果项目中使用了jQuery） #

如果你的项目已经引入了jQuery，写法会更简洁：

$(document).ready(function() {
  // 直接选中目标复选框并设置选中状态
  $('tr.include .checkboxplay').prop('checked', true);
});

这里用jQuery的选择器tr.include .checkboxplay定位元素，再通过prop()方法设置复选框的选中状态，比原生JS更简洁直观。

注意事项 #

如果你的表格行是动态生成的（比如通过AJAX加载），要确保执行这段代码的时机是在动态元素渲染完成之后，或者使用事件委托的方式触发勾选操作。

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