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());