Javascript Jquery-单击span获取li中复选框的值

ul li内部有如下列表：

    <ul class="AllLayer">
    <li>
        <fieldset id="layer0">
            <label class="checkbox" for="visible0">
                <input id="visible0" class="visible" type="checkbox" /> OSM
            </label>
            <span class="edit fa fa-pencil-square">eidt</span>
        </fieldset>
    </li>
    <li>
        <fieldset id="layer1">
            <label class="checkbox" for="visible1">
                <input id="visible1" class="visible" type="checkbox" value="osm2" /> osm2
            </label>
            <span class="edit fa fa-pencil-square">eidt</span>
        </fieldset>
    </li>
</ul>

您能帮助我吗？

您需要使用方法将复选框放入其父项中

此外，您可以使用选择器来获取复选框元素，该元素将优于，并且可以使用方法访问该值

$（“span.edit”）。在（'click'，function（）上{
var value=$（this.parent（）.find（“：checkbox”）.val（）；
//或$（this.sblings（）.find（“：checkbox”）.val（）
//或$（this.prev（）.find（“：checkbox”）.val（）
警报（值）；
});



OSM
艾德


osm2
艾德

您需要使用方法在其父项中获取复选框

此外，您可以使用选择器来获取复选框元素，该元素将优于，并且可以使用方法访问该值


$（“span.edit”）。在（'click'，function（）上{
var value=$（this.parent（）.find（“：checkbox”）.val（）；
//或$（this.sblings（）.find（“：checkbox”）.val（）
//或$（this.prev（）.find（“：checkbox”）.val（）
警报（值）；
});



OSM
艾德


osm2
艾德

@Pranac C Balan，谢谢。@Farzaneh:很高兴帮助你：）@Pranac C Balan，谢谢。@Farzaneh:很高兴帮助你：）
$("span.edit").on('click', function () {
    var value= (this).parent().siblings("input[type='checkbox']").attr("value");
    alert(value);
});