Javascript Bootstrap 3按钮组，尝试获取单击哪个按钮的值

在这里学习Javascript，只是停留了一会儿。 我有一个html中的按钮组，它由以下内容构成

<div class="button-holder type_of_txt_btn_group" data-toggle="buttons">
                            <label class="btn btn-primary active" value="TE">
                                <input name="text" type="radio" id="txtbutton_id">Text
                            </label>
                            <label class="btn btn-primary" name="textbook" value="TK">
                                <input name="textbook" type="radio">Textbook
                            </label>
                            <label class="btn btn-primary" name="list" value="LI">
                               <input name="list" type="radio" value="list">List
                            </label>
                        </div>

但到目前为止，这在我的控制台中产生了似乎是空字符串的内容，我不确定这是为什么。这是我在fiddle上创建的版本

---

这是否返回空字符串？如果是，原因是什么？它是否真的像我希望的那样返回标签元素的值，还是出了什么问题？如何修复它？

您无法使用访问标签的值，因为它只支持表单元素。您可以改为使用该功能，并为按钮设置

data-x

属性

此外，建议使用

而不是

：

$（“.type_of_txt_btn_group button”）。打开（“单击”，函数（）{
var filteringType=$（this.data（'value'））
console.log（filteringType）；
});

正文
教科书
列表
无法使用访问标签的值，因为它只支持表单元素。您可以改为使用该功能，并为按钮设置
data-x
属性

此外，建议使用
而不是
：


$（“.type_of_txt_btn_group button”）。打开（“单击”，函数（）{
var filteringType=$（this.data（'value'））
console.log（filteringType）；
});

正文
教科书
列表
您还可以使用
attr（）
方法访问标签的值。它设置或返回选定元素的属性值


$（“.type_of_txt_btn_group label”）。打开（“单击”，函数（）{
var filteringType=“”
var label=$（this.attr（'name'）；
//filteringType=label.attr（'name'）；
警报（标签）；
});

正文
教科书
列表
您还可以使用
attr（）
方法访问标签的值。它设置或返回选定元素的属性值


$（“.type_of_txt_btn_group label”）。打开（“单击”，函数（）{
var filteringType=“”
var label=$（this.attr（'name'）；
//filteringType=label.attr（'name'）；
警报（标签）；
});

正文
教科书
列表

 $(".type_of_txt_btn_group label").on("click",function() {          
       var filteringType = ""
       filteringType = $(this).val()
       console.log(filteringType);
 });