Javascript 当在该div内单击复选框时，如何获取标题值？

我有两个包含标记和复选框的div。我想在单击特定div的复选框时检索标题的值。例如：

<div class="send">
  <h1>hi</h1>
  <input type="checkbox" name="checkbox"/>
</div>
<div class="send">
  <h1>welcome</h1>
  <input type="checkbox" name="checkbox"/>
</div>

在JavaScript的特定div中单击特定复选框时，如何获取特定的标题值？有人能帮我吗？

$'：复选框.changefunction{ 如果$this.is'：选中'{ console.log$this.prev'h1'。文本 } } 你好 欢迎 您将需要更改，而不是作为事件单击。在您的例子中，可以使用prev，因为元素就在它前面

$.send input[类型=复选框].changefunction{ console.log$this.prev.text； } 你好 欢迎 您可以使用函数

    $("input:checkbox[name='checkbox']").click(function{
      if($(this).is(':checked')){
      var h1tagText = $(this).siblings("h1").text();
     }
    });

---

纯Javascript解决方案：

var inputs = document.querySelectorAll(".send input[type=checkbox]");

for(var i = 0; i<inputs.length; i++){
  inputs[i].addEventListner("change",function(e){
    var heading = e.target.parentElement.querySelector("h2").innerHTML;
    //do something with heading
  });
}

---

我猜您只想在复选框被选中而不是被选中时获取值。 代码如下：

$(document).ready(function(){
    $("input").click(function(){
        if($(this).is(":checked")){
            alert($(this).parent().find("h1").html());
        }
    });
});