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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用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)); 但是没触发。求大神解答

直接获取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);

参考技术A $("input[type=radio]:checked")

这就选中了

jquery获取select标签的选中元素

select 标签配合 option 使用,是很好的下拉菜单,获取选中的选项值,可以用 jquery 的 api 简单直接的获取:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <select id=‘selection‘ onclick="clickClick()">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select>
        <script src=‘jquery-1.11.3.js‘></script>
        <script>
            function clickClick(){
                console.log($(#selection).find(option:selected).text());
            }
        </script>
    </body>
</html>

 

以上是关于怎么用jQuery获取选中的label标签?的主要内容,如果未能解决你的问题,请参考以下文章

怎么使用jquery获得标签的值或元素的内容

如何使用 jQuery 获取选择选项的标签?

用jquery获取单选按钮选中的内容

jquery怎么获取lable标签里面的内容?

用label或span聀laceholder,怎么防止label被选中

Element的el-cascader级联选择器组件获取选中的label