javascript - 如果 CMS 的复选框为 true，则切换文本框

Question

我尝试做类似的事情，并在我的 CMS 中实现它:

修复了 CMS 部分:

<div class="RadioList" id="radioListId">
    <div class="TxtLbl" id="textLblId"> Question </div>
    <span id="spanId">
        <input value="yes"></input>
        <input value="no"></input>
    </span>
</div>

<div class="TxtBox" id="txtBoxId">
some text
</div>

自己的 JS 部分如下:

function EnableTextbox(radioListId,spanId)
{
    if(document.getElementById(radioListId).inputValue == "yes")
        document.getElementById(textBoxId).visibility = visible;
    else
        document.getElementById(textBoxId).visibility = hidden;
}

但是我不太确定如何正确表达——我对js的理解还不够高。 非常感谢任何有帮助的评论!

Answer 1

试试这个

HTML

<div class="RadioList" id="radioListId">
    <div class="TxtLbl" id="textLblId">Question</div> <span id="spanId">
        <input type="radio" value="yes" name="showhide"> Show</input>
        <input type="radio" value="no" name="showhide"> Hide</input>
    </span>
</div>
<div class="TxtBox" id="txtBoxId">some text</div>

脚本

$(document).ready(function () {
    $("#txtBoxId").hide();
    $("input[name='showhide']").on("click", function () {
        var option = $(this).attr('value');
        if (option == "yes") {
            $("#txtBoxId").show();
        } else {
            $("#txtBoxId").hide();
        }
    });
});

Fiddle Sample