如何获得选择按钮的值在Twitter的引导按钮组

如果我在引导haev单选按钮组类似如下：如何获得选择按钮的值在Twitter的引导按钮组

<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>

我怎样才能get/set选择的价值？

来源

2012-06-08 Adham

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

或者jQuery的：

var num = null; 
$(".btn-group > button.btn").on("click", function(){ 
    num = +this.innerHTML; 
    alert("Value is " + num); 
});

来源

2012-06-08 00:29:21

谢谢，但如何设置值该组 – Adham

@Adham - 'this.innerHTML = value' –

要设置有源元件，添加类active为要选择哪个按钮（并取消其余部分）。

$('.btn-group > .btn').removeClass('active') // Remove any existing active classes 
$('.btn-group > .btn').eq(0).addClass('active') // Add the class to the nth element

要获得当前活动按钮的HTML /文本内容，尝试这样的事情：

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

来源

2012-10-23 18:56:56

它实际上需要设置一个活动而不是所有其他活动。不是一个非常漂亮的界面IMO。 –

这是我想出的选择元素'$（'。btn-group> .btn.active input'）[0]的最终解决方案' – sameera207

这里是一个多解

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

来源

2014-03-01 12:38:53

如何获得选择按钮的值在Twitter的引导按钮组

回答

相关问题