在JavaScript中显示选定的值

我正在使用bootstrap btngroup选择一个值。如何显示所选值？？这是我的密码

    <div class="input-group">
        <div id="radioBtn" class="btn-group">
            <a class="btn btn-primary btn-sm active" data-toggle="fun" data-  title="Y">YES</a>
            <a class="btn btn-primary btn-sm notActive" data-toggle="fun" data-title="X">I don't know</a>
            <a class="btn btn-primary btn-sm notActive" data-toggle="fun" data-title="N">NO</a>
        </div>
        <input type="hidden" name="fun" id="fun">
    </div>

整理代码-删除HTML和JS中数据标题属性中的空格，因为这些空格会导致代码中断。 在HTML中的某个地方添加一个，并根据自己的喜好设置样式。 将此行添加到JS单击处理程序：$'display'.htmlsel；

如果希望结果是单选按钮的文本而不是值，请使用$'display'.html$this.html；而是在步骤3中

---

完成。

不确定这是否是您的意思，但要从按钮组中单击的按钮获取值或文本，我使用例如

HTML

控制台输出

希望这有帮助

---

此处

显示确切位置？在某些分区中的任何位置如何为我的分区设置默认值，并在进一步选择时更改无需担心。我有一些想法。如果您遇到困难，您需要针对该问题提出一个新问题：如何设置其中一个按钮的默认值？您的意思是希望在html中将一个按钮设置为默认值？您只需将“活动”类添加到该按钮。您可能希望使用JQ添加和删除活动类。我已经更新了Plunker，看一看。

   $('#radioBtn a').on('click', function(){
      var sel = $(this).data('title');
      var tog = $(this).data('toggle');
      $('#'+tog).prop('value', sel);

     $('a[data-toggle="'+tog+'"]').not('[data-  title="'+sel+'"]').removeClass('active').addClass('notActive');
     $('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('active');
  })

  <div id="aBtnGroup" class="btn-group">
    <button type="button" value="L" class="btn btn-default">Left</button>
    <button type="button" value="M" class="btn btn-default">Middle</button>
    <button type="button" value="R" class="btn btn-default">Right</button>
  </div>
  <p>
  <div>Selected Val:  <span id="selectedVal"></span></div>

$(document).ready(function() {

  // Get click event, assign button to var, and get values from that var
  $('#aBtnGroup button').on('click', function() {
    var thisBtn = $(this);

    thisBtn.addClass('active').siblings().removeClass('active');
    var btnText = thisBtn.text();
    var btnValue = thisBtn.val();
    console.log(btnText + ' - ' + btnValue);

    $('#selectedVal').text(btnValue);
  });

  // You can use this to set default value upon document load
  // It will fire above click event which will do the updates for you
  $('#aBtnGroup button[value="M"]').click();
});

Left - L
Middle - M
Right - R