如何在单击使用javascript选中的单选按钮时显示文本框？

我有一个

HTML

，如下所示：

<div class="col-lg-2 camt hidden">
    <label for="camt">CEAV Amount:</label>
</div>
<div class="col-lg-4 camt hidden radio">
    <label>
        <input type="radio" value="..xyz.." name="camt" id="camt1" required onclick="functions()" />XYZ</label>
    <hr/>
    <div class="row">
        <div class="col-lg-4">
            <label>
                <input type="radio" value="ABC" name="camt" id="camt2" required onclick="functions()" />ABC</label>
        </div>
        <div class="col-lg-8">
            <input type="number" class="form-control hidden popup1" onchange="functions()" id="textpart" placeholder="Enter value. Only numbers." required />
        </div>
    </div>
    <hr/>
    <label>
        <input type="radio" value="NA" name="camt" required id="camt3" onclick="functions()" />NA</label>
    <hr/>
</div>

函数（）

当我运行HTML

表单时，正在输入
JavaScript
，但是
removeclass
在
文本框上不起作用
非常感谢任何帮助！
请注意，我正在运行Internet Explorer 11.0.9600和
否
我没有其他浏览器来继续我的工作。
尝试以下操作：

JQuery：

function functions(){       
    if($("#camt2").is(":checked")){
        $("#textpart").removeClass("hidden");
    } else {
        $("#textpart").addClass("hidden");
    }
}

我想你的上级部门被隐藏了。因此，您还需要使col-lg-4div也可见。试试这个：

function functions(){       
if(document.getElementById('camt2').checked)
    {
        $(".col-lg-4").removeClass("hidden");
        $("#textpart").removeClass("hidden");
    }
    else{
    $("#textpart").addClass("hidden");
    }
}

希望这有帮助。
我复制了你的html和js代码，它对我有用。我不得不删除div.col-lg-4.radio上的隐藏类来显示元素。但是函数
函数
对我来说运行良好。是否在控制台上显示js错误？
嗨，我想建议，如果您已经使用了jquery，那么为什么我们需要创建类并对其进行操作

您可以使用.show（）和.hide（）来进行尝试


函数（）{
如果（$（“#cam2”）为（“：选中”））{
$（“#textpart”）.show（）；
}否则{
$（“#textpart”）.hide（）；
}
}
使用代码创建JSFIDLE以便更好地理解$（“input[type='radio']”）。is（“：checked”）应该返回一个布尔值，对于相同的@ArvindTried，可能使用引导类
隐藏
为相同的@venkat7668创建一个
JSFIDLE
，但是我不能，因为
bootstrap
中的
hidden
属性无论如何都不起作用。尝试了你说的，对我不起作用。我的控制台也没有显示错误@阿克沙特听了你的话，对我没用。我的控制台也没有显示错误@oeddyTry将凸轮2更换为凸轮2。。。最糟糕的打字错误hahaI似乎找不到同样的错误，你能告诉我错误的确切位置是@DSleeIn行如果（$（“#camt2”）。是（“：checked”））确保它是#camt2而不是#cam2控制台显示
true
，但
textbox
仍然没有出现：/@sleet告诉我们隐藏的类已从中删除。@sleed我尝试了同样的方法，但对我无效。我使用的
removeclass
和
addClass
与其他
类
和
分区
一起工作得非常好，但我想我的代码没有工作，因为我通过
JavaScript
函数将单选按钮设置为
选中
，然后显示
文本框
根据
单选按钮的
已选中
或
未选中
状态
，有一件事就是为什么每次使用函数时都需要检查，您可以使用“更改”事件编写操作，也可以不必每次调用函数时都调用该函数，因为任何单选按钮的值都将更改。如果我是错，但当我不得不自己改变价值观时，你所说的会起作用。但事实并非如此。我的是动态的。我的
JavaScript
正在将
单选按钮设置为选中
，然后调用函数
functions
@HimeshAadeshara
function functions(){       
    if($("#camt2").is(":checked")){
        $("#textpart").removeClass("hidden");
    } else {
        $("#textpart").addClass("hidden");
    }
}

function functions(){       
if(document.getElementById('camt2').checked)
    {
        $(".col-lg-4").removeClass("hidden");
        $("#textpart").removeClass("hidden");
    }
    else{
    $("#textpart").addClass("hidden");
    }
}