javascript - 根据复选框状态检索标签的值

Question

您将如何检索与 HTML 中的复选框相对应的标签的值？我有两个/三个标签和一个彼此相邻的复选框，现在如果复选框被选中，我需要检索标签的值。你能告诉我如何实现这一目标吗？在下面的示例中，我想在选中复选框时检索标签中的两个文本字符串。我需要知道如何将复选框与标签或类似的东西连接起来，因为大约有 100 个复选框和大约 200 个标签，所以我需要一种方法将标签连接到复选框？

<label>Value:13485894033</label>  
<label>Custom Asset Type </label> 
<input type="checkbox" name="CB1" value="CSElement;1242632775392" id="checkbox1"  />

Answer 1

希望这就是您所追求的。

示例 HTML:

<input id="check1" type="checkbox" class="watchFor" />
<label for="check1" >First Checkbox</label><br />


<input id="check2" type="checkbox"  class="watchFor" />
<label for="check2" >Second Checkbox</label>

然后是jquery:

$(function(){
$(".watchFor").change(function(){
    if($(this).is(":checked")){
          var id = $(this).attr("id");
          var label = $("label[for='" + id + "']");
          alert(label.text());
       }
   });
});

这是一个有效的 fiddle :http://jsfiddle.net/LwPrM/