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>

每当点击具有类.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

Answer 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

Answer 3

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

Answer 4

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

点击<a> associated with it</a>查看单选按钮

4 个答案:

DEMO