非常简单,但不知道为什么它不会发射。 我想要一个文本框打开,当用户点击"是"并且当用户点击" 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();
});
答案 0 :(得分:2)
您在控制台中出错:
参数列表之后的Uncaught SyntaxError:missing)
您错过了<{p>中的);
$(Document).on("click",function(){
}
工作JSFiddle:
旁注:
最好将点击事件放在document.ready()
使用纯css(display: none;
)而不是在页面加载时隐藏对象,这样当页面首次加载时它们不会闪烁