标签内部标签为两个元素

Question

在我的代码中，标签＆＃34; Two＆＃34;用于标签中的第二个输入集＆＃34; One＆＃34;对于第一次输入，但是当点击标记＆＃34;两个＆＃34;时，则首先输入未激活。

HTML：

<input type="checkbox" id="inp_one">
<input type="checkbox" id="inp_two">
<div>
  <label for="inp_one">
    <h1>One</h1>
    <label for="inp_two">
      <h1>Two</h1>
    </label>
  </label>
</div>

我的代码：https://jsfiddle.net/5x6ytk3g/

我想要点击标签＆＃34; Two＆＃34;然后激活两个输入。

Answer 1

我认为你需要使用JavaScript：

document.getElementById("inp_two").onchange = function(){

    document.getElementById("inp_one").checked = this.checked;

};

https://jsfiddle.net/5x6ytk3g/1/ 我试了一下。祝你好运VN！