Javascript 引导3个单选按钮不返回值

我正在努力使用Twitter Bootstrap 3单选按钮，我无法获得选中/选定元素的值。我不熟悉Jquery，但我在这个网站上看到了很多关于如何处理单选按钮的帖子，但似乎没有一篇是关于引导的

HTML

//第一组无线电
学院
高中
//第二组
对
不
ect…///最多4组无线BTN

我试过：

onclick:Javascript:alert（this.value）

即使单击上面的任何元素也不会返回任何内容

var x=$（“#FormFilters输入[type='radio']：选中”）.val（）；
警报（x）不返回任何内容

var x=$（'input[type=radio]：选中'，'#Edu'）.val（）；警报（x）

造型会成为问题吗？
标签还是类

有人能告诉你如何正确地通过表单checked inputs/active并获得值吗？谢谢你试试这个

$("input:radio").change(function(){
   alert($(this).val());
});

小提琴：
试试这个

$("input:radio").change(function(){
   alert($(this).val());
});

小提琴：
您是否尝试了getElementById？这就是我使用fir js的原因，因为大多数时候我使用php GET时，您是否尝试过getElementById？这就是我使用fir-js的原因，因为大多数时候我使用php的时候，让我们暂时忘掉所有的框架，回到基本的Javascript。给出一些单选按钮，比如：

<input type="radio" name="color" value="red"/> Red
<input type="radio" name="color" value="blue"/> Blue
<input type="radio" name="color" value="green"/> Green
<input type="radio" name="color" value ="white"/> White
<br/>
<input type="radio" name="shape" value="cirlce"/> Circle
<input type="radio" name="shape" value="square"/> Square

红色
蓝色
绿色
白色


圆圈
广场

您可以使用以下Javascript输出单击单选按钮的值：

var radios = document.getElementsByTagName("input");

//attach a function
for(var i = 0; i < radios.length; i++){
    //only attach the function for type radio
    if(radios[i].type == "radio"){
       radios[i].onclick = function(){
           alert(getCheckedValues());
       }
    }
}

function getCheckedValues(){
    //muste be stored in an array
    var values = [];
    for(var x = 0; x < radios.length; x++){
        if(radios[x].type == "radio" && radios[x].checked){
           values.push(radios[x].value);
        }
    }
    return values;
}

var radios=document.getElementsByTagName（“输入”）；
//附加功能
对于（变量i=0；i

JS小提琴：

这段代码中有一些非常基本的概念。第一个是从
DOM
中选择元素，我使用
document.getElementsByTagName
检索所有输入。第二个概念是循环。现在我已经从DOM中选择了所有输入，我需要迭代每个输入并附加一个
eventhandler
。当对特定的
DOM
元素触发某个事件时，将执行eventhandler。在这种情况下，当对任何单选按钮触发
click
事件时，我执行另一个函数

该函数循环遍历单选按钮，并将所有选中单选按钮的值存储在一个数组中，然后发出警报。
让我们暂时忘掉所有框架，回到基本Javascript。给出一些单选按钮，比如：

<input type="radio" name="color" value="red"/> Red
<input type="radio" name="color" value="blue"/> Blue
<input type="radio" name="color" value="green"/> Green
<input type="radio" name="color" value ="white"/> White
<br/>
<input type="radio" name="shape" value="cirlce"/> Circle
<input type="radio" name="shape" value="square"/> Square

红色
蓝色
绿色
白色


圆圈
广场

您可以使用以下Javascript输出单击单选按钮的值：

var radios = document.getElementsByTagName("input");

//attach a function
for(var i = 0; i < radios.length; i++){
    //only attach the function for type radio
    if(radios[i].type == "radio"){
       radios[i].onclick = function(){
           alert(getCheckedValues());
       }
    }
}

function getCheckedValues(){
    //muste be stored in an array
    var values = [];
    for(var x = 0; x < radios.length; x++){
        if(radios[x].type == "radio" && radios[x].checked){
           values.push(radios[x].value);
        }
    }
    return values;
}

var radios=document.getElementsByTagName（“输入”）；
//附加功能
对于（变量i=0；i

JS小提琴：

这段代码中有一些非常基本的概念。第一个是从
DOM
中选择元素，我使用
document.getElementsByTagName
检索所有输入。第二个概念是循环。现在我已经从DOM中选择了所有输入，我需要迭代每个输入并附加一个
eventhandler
。当对特定的
DOM
元素触发某个事件时，将执行eventhandler。在这种情况下，当对任何单选按钮触发
click
事件时，我执行另一个函数

此函数通过单选按钮循环，并将所有选中单选按钮的值存储在一个数组中，然后发出警报。
使用此函数：

$('input[name=Edu]:checked').val();

或者更准确地说，仅针对此表单id：

$('input[name=Edu]:checked', '#FormFilters').val();

我在您的表单中添加了一个按钮，并创建了一个小提琴来测试：

您还可以一次提取所有选中的复选框：

$("input[type=radio]:checked").each(function()
{
    console.log($(this).attr('name'), $(this).val());
    // add $(this).val() with $(this).attr('name') to your array here
});

请在此处尝试：

可能有个bug。。请参见此处：
使用此选项：

$('input[name=Edu]:checked').val();

或者更准确地说，仅针对此表单id：

$('input[name=Edu]:checked', '#FormFilters').val();

我在您的表单中添加了一个按钮，并创建了一个小提琴来测试：

您还可以一次提取所有选中的复选框：

$("input[type=radio]:checked").each(function()
{
    console.log($(this).attr('name'), $(this).val());
    // add $(this).val() with $(this).attr('name') to your array here
});

请在此处尝试：

可能有个bug。。请参见此处：
使用bootstrap 3时，输入元素的选中状态似乎没有改变。这对我来说很有用，可以找到嵌入在活动标签中的
输入
元素


$（'label.active>input'，'#Edu'）.val（）；
使用bootstrap 3时，输入元素的选中状态似乎没有改变。这对我来说很有用，可以找到嵌入在活动标签中的
输入
元素


$（'label.active>input'，'#Edu'）.val（）；
你好，凯文，谢谢你发布了一个获取价值的正确方法。我将使用这种方法，但是，这并不能解决问题，因为我很确定现在的问题在于样式，我觉得很奇怪，我删除了样式表，你上面的方法可以工作，然后再次使用引导css，它没有工作t@user3003977这很有趣，我想知道CSS是否正在为您隐藏/替换收音机。@user3003977注释