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

Retrieve Values of Label Depending on CheckBox State

本文关键字：标签 检索 状态 复选框      更新时间：2023-09-26

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

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

我希望这就是你想要的。

示例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/

为复选框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;
   }
}
相关文章：