选择子节点的同时父节点也勾选js代码

这个问题的描述不够清晰，不过我猜测你是指在勾选父节点时，子节点也会被自动勾选，并且同时也会执行一些 JavaScript 代码。如果我的猜测正确，那么可以按照以下步骤实现：

1. 给父节点和子节点添加一个相同的 class，例如 "checkbox-item"。
2. 给父节点添加一个点击事件的监听器，当父节点被点击时，遍历所有子节点并将它们的勾选状态改为和父节点一样。
3. 在点击事件监听器中添加你想要执行的 JavaScript 代码。

以下是一个示例代码：

<ul>
  <li class="checkbox-item">
    <input type="checkbox" id="parent-checkbox"> Parent
    <ul>
      <li class="checkbox-item"><input type="checkbox"> Child 1</li>
      <li class="checkbox-item"><input type="checkbox"> Child 2</li>
      <li class="checkbox-item"><input type="checkbox"> Child 3</li>
    </ul>
  </li>
</ul>

<script>
  const parentCheckbox = document.querySelector('#parent-checkbox');
  const childCheckboxes = document.querySelectorAll('.checkbox-item input[type="checkbox"]:not(#parent-checkbox)');

  parentCheckbox.addEventListener('click', function() {
    const isChecked = parentCheckbox.checked;

    childCheckboxes.forEach(function(checkbox) {
      checkbox.checked = isChecked;
    });

    // 在这里添加你想要执行的 JavaScript 代码
  });
</script>

在以上代码中，我们首先获取了父节点和子节点的复选框元素，然后给父节点添加了一个点击事件监听器。当父节点被点击时，我们遍历了所有子节点的复选框元素，并将它们的勾选状态改为和父节点一样。同时，我们也可以在点击事件监听器中添加任何我们想要执行的 JavaScript 代码。