1

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

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

2 回答 2

2

我希望这就是你所追求的。

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

于 2013-07-26T10:43:38.713 回答
0

将类名分配给对应于复选框 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;
   }
}
于 2013-07-26T10:50:35.227 回答