我已经在html中单击了一个单选按钮,我需要一些帮助来确定如何在JQuery中为已经单击的按钮应用该事件。 现在,如果已经点击按钮,则不会发生任何事件,但是如果我再次点击它会执行它应该做的事情。 我有2个单选按钮,第一个已经点击了div中的消息被隐藏,是第二个收音机被检查然后是带有show的消息。我在实施已点击的电台时遇到问题。 这是html:
<label for="answer">Answers:</label><input type="radio" name="type" value="Yes/No" class="answers" checked="checked" id="answer"><span> Yes/No Form </span> <br><input type="radio" name="type1" value="Multiple" class="move"> <span>Multiple choice form </span><br>
到目前为止这是JQuery:
$(".answers").click(function(e) {
e.preventDefault();
$("div.desc").hide();
});
$(".move").click(function(e) {
e.preventDefault();
$("div.desc").show();
});
如果有人可以请求帮助,谢谢!
答案 0 :(得分:3)
由于您希望在页面加载时隐藏div
,只需使用CSS。
在CSS类中添加display
:
div.desc {
display: none;
}
或div
元素本身。
<div class="desc" style="display: none;">omg</div>
这将隐藏页面加载时的元素,允许您根据需要显示/隐藏表单。
为了完整性,这里是JSFiddle。
答案 1 :(得分:1)
在页面时有多个隐藏$(“div.desc”)的选项:
1)。在DOM就绪时只调用一个触发事件,它将触发一个点击事件,如:
$(".answers").trigger("click")
OR
2)。只需添加一个简单的条件即可明确隐藏页面加载内容,如:
$("div.desc").hide();