Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取twitter引导按钮组中选定按钮的值_Javascript_Radio Button_Twitter Bootstrap_Buttongroup - Fatal编程技术网

Javascript 如何获取twitter引导按钮组中选定按钮的值

Javascript 如何获取twitter引导按钮组中选定按钮的值,javascript,radio-button,twitter-bootstrap,buttongroup,Javascript,Radio Button,Twitter Bootstrap,Buttongroup,如果我在引导中选择单选按钮组,如下所示: <div class="btn-group" data-toggle="buttons-radio"> <button class="btn">1</button> <button class="btn">2</button> <button class="btn">3</button> <button

如果我在引导中选择单选按钮组,如下所示:

<div class="btn-group" data-toggle="buttons-radio">
        <button class="btn">1</button>
        <button class="btn">2</button>
        <button class="btn">3</button>
        <button class="btn">4</button>
</div>

1.
2.
3.
4.

如何
获取
/
设置
所选值?

要设置活动元素,请将类
活动
添加到要选择的按钮(并取消选择其余按钮)

var num = null;
var ele = document.querySelectorAll(".btn-group > button.btn");
for(var i=0; i<ele.length; i++){
    ele[i].addEventListener("click", function(){
        num = +this.innerHTML;
        alert("Value is " + num);
    });
}
要获取当前活动按钮的html/文本内容,请尝试以下操作:

$('.btn-group > .btn.active').html()

这里还有一个解决方案

 alert($('.btn-group > .btn.active').text());

谢谢,但是如何设置group@Adham-
this.innerHTML=value
它实际上需要在其中一个上设置为active,在所有其他上设置为unsetting active。在我看来,这不是一个很好的界面。这是我为获取所选元素
$('.btn group>.btn.active input')[0]
$('.btn-group > .btn.active').html()
 alert($('.btn-group > .btn.active').text());