jquery - 如何从单选按钮 Bootstrap 中获取值(value)

Question

我想从使用 jquery 的 bootstrap 制作的单选按钮中获取值

我试过这个但是不行

    $('#search-type input').on('change', function() {
   alert($('input[name=\'options\']:checked', '#search-type').val());
});

        <div class="btn-group btn-group-toggle" data-toggle="buttons" id="search-type">
            <label for="Search">Search for:&nbsp;</label>
          <label class="btn btn-secondary active">
            <input type="radio" name="options" id="option1" autocomplete="off" value="Photo" checked> Photo
          </label>
          <label class="btn btn-secondary">
            <input type="radio" name="options" id="option2" autocomplete="off" value="Video"> Video
          </label>
        </div>

Answer 1

试试这个，

<script type="text/javascript">

    $(document).ready(function(){


        $("input[type='button']").click(function(){

            var radioValue = $("input[name='options']:checked").val();

            if(radioValue){

                alert("Your are a - " + radioValue);

            }

        });
    });

</script>

希望对您有所帮助。