jQuery获取选中复选框的标签

在下面的代码中，当我检查“Mexico”时，我不断得到“MexicoMexico”作为标签文本返回的信息。对于所有其他字段，我没有得到这个重复的结果，仅适用于该字段。在第一次分配countryvalues [i]之后，立即发生了这个问题，我不知道为什么。

<div id="country">
....
   <li><input type="checkbox" name="country" value="mexico" class="checkbox">
   <label for="mexico">Mexico</label></input></li>
</div>

countryvalues = $('#country input:checkbox:checked').map(function() {
    return this.value;
}).get();
for (var i=0; i<countryvalues.length; i++)
    {
        countryvalues[i] = $("label[for='" + countryvalues[i] + "']").text();
        countryvalues[i] = countryvalues[i].split(' ').join('%20');
        fields = fields + "coveraa!";
        url = url + countryvalues[i] + "!";
    }

最佳答案

Sarina，我只能建议您尝试获取在.map()回调中查找的字符串，而不是再次使用for(...){...}循环。

var countryvalues = $('#country input:checkbox:checked').map(function() {
    return $(this).next("label").text().split(' ').join('%20');
}).get();

确保清除HTML中的</input>的所有实例，并确保输入元素是自封闭的<input ... />。

关于jQuery获取选中复选框的标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15871997/