通过单击与之关联的 <a> 来检查单选按钮答案

【问题标题】：Check a radio button by clicking the <a> associated with it通过单击与之关联的 <a> 来检查单选按钮
【发布时间】：2020-12-26 19:18:54
【问题描述】：

我有一组这样的元素：

<div class="input-group">
    <span class="input-group-addon">
            <input type="radio" name="location-radio" />
     </span>
    <a data-id="" class="list-group-item location-list-group-item">
            <span class="badge">0</span>Takeaway
    </a>
</div>

每当单击类.location-list-group-item 的<a> 元素时，必须选中它上面的单选按钮。我用来执行此操作的代码是：

$(function(){
    $(".location-list-group-item").click(function(){
        alert("Hit");
        $(event.target).prev('span.input-group-addon:nth-child(1)').prop("checked", true)
    });
});

点击事件正在工作，我只是无法检查该框。到目前为止，我已经尝试了很多方法，但似乎都没有奏效。我有最新版本的jQuery，我不知所措。

编辑：
谢谢大家的回复，你们都帮助我了解了更多关于选择元素的知识：D

【问题讨论】：

标签： javascript jquery radio-button dom-events

【解决方案1】：

试试这个，

$(function(){
    $(".location-list-group-item").click(function(){   
        $(this).prev().children('input[type=radio]').prop("checked", true);
    });
});

DEMO

【讨论】：

@leumas95 总是乐于提供帮助！

【解决方案2】：

试试

fiddle Demo

$(event.target).prev('span.input-group-addon').find('input:radio').prop("checked", true);

你可以使用$(this) 而不是$(event.target)

$(this).prev('span.input-group-addon').find('input:radio').prop("checked", true);

.prev('span.input-group-addon').find('input:radio')
                                 ^ //find input radio inside prev span with class input-group-addon

【讨论】：

【解决方案3】：

$(function () {
    $(".location-list-group-item").click(function () {
        $(this).prev('span.input-group-addon').find('input').prop("checked", true)
    });
});

【讨论】：

【解决方案4】：

$(function(){
    $(".location-list-group-item").click(function(){
        alert("Hit");
        $(event.target).prev('span.input-group-addon').find(':radio').prop("checked", true)
    });
});

【讨论】：