默认选中单选按钮 - JQuery事件不起作用

时间:2015-07-29 17:46:45

标签: javascript jquery html

我已经在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();
}); 

如果有人可以请求帮助,谢谢!

2 个答案:

答案 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();