射击广播会在JS

时间:2016-12-08 20:05:11

标签: javascript jquery html

非常简单,但不知道为什么它不会发射。 我想要一个文本框打开,当用户点击"是"并且当用户点击" no"时隐藏它当没有选择任何东西时。 我查了一下,发现了一些应该有效的代码,但它不是。

这是我的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>

这是我的JS:

$("#companyYes").on("click", function() {
    $("#companyText").show();
});
$("#companyNo").on("click", function() {
    $("#companyText").hide();    
});
$("#specialYes").on("click", function() {
    $("#specialText").show();
});
$("#specialNo").on("click", function() {
    $("#specialText").hide();
});
$(Document).on("click",function(){

}
$( document ).ready(function() {
    $("#check").hide();
    $("#specialText").hide();
    $("#companyText").hide();
});

1 个答案:

答案 0 :(得分:2)

您在控制台中出错:

  参数列表

之后的

Uncaught SyntaxError:missing)

您错过了<{p>中的);

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

}

工作JSFiddle

旁注:

  1. 最好将点击事件放在document.ready()

  2. 使用纯css(display: none;)而不是在页面加载时隐藏对象,这样当页面首次加载时它们不会闪烁