Question

怎么用jQuery获取选中的label标签？

<div data-toggle="buttons" class="btn-group btn-overlap btn-corner">
<label class="btn btn-white paper_source active" curr_button="user_uploaded" rel="#user">
<input type="radio" value="1">
<i class="icon-only ace-icon bigger-110">本周</i>
</label>

<label class="btn btn-white paper_source" curr_button="user_favorite" rel="#user">
<input type="radio" value="2">
<i class="icon-only ace-icon bigger-110">本月</i>
</label>
</div>

我写了个$('.paper_source').click(function(e){}); 但是没触发。求大神解答

Answer 1

直接获取label对应的input对象就行，因为label会触发其对应的input对象，触发形式有两种，你这里用label将input对象包裹起来的写法是隐式触发，另一种显示触发是为label加上for属性，属性值指向input对象的id，无论采取哪种方法，label标签的点击事件都会传递到input对象上，所以这里可以这样获取：

// 点击触发，获取当前点击那个值就行
$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function() {
    console.log($(this).val());    
})

// 直接获取，获取哪个选中
var rdoValue = $('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();
console.log(rdoValue);

Answer 2

$("input[type=radio]:checked")

这就选中了