Question

如何检索与HTML中的复选框对应的Label的值？我有两个/三个标签和一个紧挨着的复选框现在我需要检查标签的值，如果选中复选框。你能告诉我怎么做到这一点吗？在下面的示例中，我想在选中复选框时检索标签中的两个文本字符串。我需要知道如何连接复选框与标签或类似的东西，因为将有大约100个复选框，大约200标签，所以我需要一种方法将Lables连接到复选框？

<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());
       }
   });
});

这是一个工作小提琴：http://jsfiddle.net/LwPrM/

Answer 2

为与复选框ID

对应的标签指定班级名称

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

var labels = document.getElementByTagsName("label");

for(var i=0;i<labels.length;i++)
{
   if(document.getElementById("checkbox1").checked)
   {
      if(labels[i].class == "checkbox1")
         var string = labels[i].innerHTML;
   }
}

根据CheckBox状态检索标签的值

2 个答案: