Javascript 在JS中启动radio buttins可显示和隐藏文本框

非常简单，但不知道为什么它不点火。 我希望在用户单击“是”时打开一个文本框，在用户单击“否”时隐藏该文本框，并且在未选择任何内容时隐藏该文本框。 我查了一下，发现了一些应该可以工作的代码，但实际上没有

这是我的HTML：

     <form name="form2" onsubmit="return validateForm()" method="post">
        <fieldset id= "fieldset2">
        <legend>Step 2</legend>
            Would you like your company name on your badges?<br>
            <input type="radio" id="companyYes" name="company">Yes<input type="radio" id="companyNo" name="company">No<br>
            <input type="text" id="companyText">
        <br>
        <div id="company"></div>
        Will anyone in your group require special accommodations?<br>
       (if yes) Please explain below:<br>
        <input type="radio" name="special" id="specialYes" value="Yes">Yes<input type="radio" id="specialNo" name="special" value="No">No<br>
        <input type="text" id="specialText">
            <img id="check" src="check.png">
        </fieldset>
    </form>

---

控制台中有一个错误：

参数列表后未捕获的语法错误（缺少）

您缺少一个

）输入

$(Document).on("click",function(){

}

工作：

旁注：

最好将单击事件也放在document.ready（）中

使用纯css（
display:none；
）代替jQuery在页面加载时隐藏对象，这样当页面第一次加载时它们就不会闪烁

将所有js代码放入文档中，您应该在启动应用程序时隐藏元素。您可以通过
display:none非常感谢，它似乎在JSFIDLE中工作，但在我的括号中没有，我不明白为什么…将单击事件放在
文档.ready（）中也是。看到这个更新，完全修复了它，非常感谢。我每天都学到更多，希望足够快！
$(Document).on("click",function(){

}