javascript - 如何显示使用 javascript 检查的单选按钮的文本框 onclick？

Question

我有一个 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>

我在 javascript 中有一个函数 editData()，它设置屏幕上所有输入的值。当加载 form 时，它还会检查 radio button。因此，如果选中单选按钮 camt2，我想在它前面显示一个 textbox。但它不起作用。我想检查 radio button 是否被选中的两个函数 editData() 和设置 funcitons() 的 code>textbox 隐藏或可见。他们都在下面: editData()

function editData() {
    var logfromform = document.getElementById('logref').value;
    var key;
    for (key in Log1) {
        if (Log1[key].LogReference == logfromform) {

            if (Log1[key].RedemptionPrice == '100%') {
                document.getElementById('redprice1').checked = true;
                functions();
            } else if (Log1[key].RedemptionPrice == 'NA') {
                document.getElementById('redprice3').checked = true;
                functions();
            } else {
                document.getElementById('redprice2').checked = true;
                functions();
            }
        }
    }
}

函数()

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

当我运行 HTML form 时，正在输入 JavaScript，但 removeclass 没有处理文本框 非常感谢任何帮助! 请注意，我正在运行 Internet Explorer 11.0.9600 并且 NO 我没有替代浏览器来继续我的工作。

Answer 1

试试这个:

JQuery:

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