Javascript jQuery选中复选框同级文本

如果勾选复选框，我希望从以下html返回标签文本字符串：

<ul id="mainList" class="checkboxlist">
    <li class="checkboxlist-item">
        <input type="checkbox" id="Categories_0" value="ff2db3bf-479e-4b3a-a2e4-a27d00bbc038" name="Categories.SelectedIds"  />
        <label for="Categories_0">Arts/Culture</label>
    </li>
    <li class="checkboxlist-item">
        <input type="checkbox" id="Categories_1" value="0a46de03-84f7-4a66-abe9-a22200cc6dc4" name="Categories.SelectedIds"  />
        <label for="Categories_1">Beauty</label>
    </li>
    <li class="checkboxlist-item">
        <input type="checkbox" id="Categories_2" value="cf4fc161-a195-4e3e-9262-a22200cc5650" name="Categories.SelectedIds"  />
        <label for="Categories_2">Business</label>
    </li>
    <li class="checkboxlist-item">
        <input type="checkbox" id="Categories_3" value="a119f0a9-2cf6-4c7c-a25c-a29001179f64" name="Categories.SelectedIds"  />
        <label for="Categories_3">Car/Motoring</label>
    </li>
</ul>

艺术/文化


美女


生意


汽车/机动车辆

使用#mainList很重要，如果输入类型复选框为true，则返回标签文本

谢谢

您可以使用.map（）获取文本数组

var array = $('#mainList input:checked').next().map(function(){
    return $(this).text();
}).get();

• #mainList input:checked

  获取

  #mainList

• 获取集合中每个元素的下一个元素-本例中的

  标签

• 将元素集转换为数组

试试这个

$('#mainList input').on('change', function () {
    if ($(this).is(':checked'))
      alert($(this).next('label').text())
});