javascript - 通过单击与其关联的 <a> 来检查单选按钮

Question

我有一组这样的元素:

<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>

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

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

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

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

Answer 1

试试这个，

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

DEMO