Question

到目前为止，我有这个：

<div class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option1" autocomplete="off" checked=""> Radio 1 (preselected)
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2
        </label>
        <label class="btn btn-primary">
            <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3
        </label>
    </div>

我试图在单击父标签并且具有活动类时获取输入的id。

到目前为止，我有这个但是不起作用似乎只获得第一个元素，确实使用$（this）但是甚至没有回复，任何帮助都会很棒thx！

$('label.btn-primary').click(function(e) {
    e.preventDefault();
    if($('label.btn-primary').hasClass('active')) {
        alert($('label.btn-primary > input').attr('id'));
    }

});

Answer 1

这应该有效

$('input').click(function() {
if($(this).parent().hasClass('active')) {
    alert($(this).attr('id'));
}
});

Answer 2

能够这样做：

EditText

Answer 3

$('label.btn-primary input').click (function() {
    $('label.btn-primary').removeClass('active');
    $(this).closest('label').addClass('active');
    alert(this.id);
});

单击时，这将首先从其他标签中删除活动类，然后将活动类添加到单击的标签中。然后，会有您正在寻找的ID的警报。

如果您只查看所点击标签的输入ID，则第三行应该足够了。

alert(this.id);

小提琴：https://jsfiddle.net/kqbk7f08/1/

Jquery获取单选按钮的子id

3 个答案: