jQuery - 从按钮组获取活动按钮(输入类型=“无线电”)

时间:2014-12-07 09:39:29

标签: javascript jquery twitter-bootstrap

我正在使用自举按钮,它看起来像常规按钮,但它们就像收音机一样。

<div class="btn-group-horizontal" data-toggle="buttons" id ="Group">
  <label class="btn btn-sm btn-info btnSelect active">
    <input type="radio" name="options" id="Option 1" autocomplete="off" checked> Option 1
  </label>
  <label class="btn btn-sm btn-info btnSelect">
    <input type="radio" name="options" id="Option 2" autocomplete="off"> Option 2
  </label>
</div>

如何获取活动按钮的ID /文本?

谢谢!

3 个答案:

答案 0 :(得分:6)

解决方案如下:

我必须通过addiong ID将标签更改为标签

<div class="btn-group-horizontal" data-toggle="buttons" id ="Group">
  <label class="btn btn-sm btn-info btnSelect active" **id="Option 1"**>
    <input type="radio" name="options" id="Option 1" autocomplete="off" checked> Option 1
  </label>
  <label class="btn btn-sm btn-info btnSelect" **id="Option 2"**>
    <input type="radio" name="options" id="Option 2" autocomplete="off"> Option 2
  </label>
</div>

并使用以下jQuery:

var answer= '';
            $('#Group .active').each(function(){
                answer= $(this).attr('id'); 
            }); 

答案 1 :(得分:4)

您可以使用简单的CSS选择器

$(document).ready(function () {
    alert($('.active input').prop('id'));
});

演示:http://jsfiddle.net/robschmuecker/L7maoufy/

答案 2 :(得分:1)

可以尝试使用each()&amp; is()。例如:

var activeId = '';
$('input[type=radio]').each(function(){
    if($(this).is(':checked')){
        activeId = $(this).attr('id'); 
        //alert(activeId);
        return false;
    }
});