默認情況下選中單選按鈕-JQuery事件不起作用

Question

我已經在html中單擊了一個單選按鈕，並且我需要一些幫助來弄清楚如何在JQuery中為已單擊的按鈕應用事件。 現在，如果已經單擊了按鈕，則不會發生任何事件，但是如果我再次單擊，它將執行它應該執行的操作。 我有2個單選按鈕，第一個單選按鈕已經被單擊以隱藏div中的消息，第二個單選按鈕被選中，然后顯示消息。 我在執行已單擊的收音機時遇到問題。 這是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();
}); 

如果有人可以幫助，謝謝！

Answer 1

由於您要在頁面加載時隱藏div ，因此只需利用CSS。

向您的CSS類添加display ：

div.desc {
    display: none;
}

或到div元素本身。

<div class="desc" style="display: none;">omg</div>

這將在頁面加載時隱藏元素，使您可以根據需要顯示/隱藏表單。

為了完整起見 ，這里有一個JSFiddle 。

Answer 2

在頁面顯示時，有多個選項可以隱藏$（“ div.desc”）：

1）。 在DOM准備就緒時，只需調用一個觸發事件，它將觸發一個click事件，例如：

$(".answers").trigger("click")

要么

2）。 只需添加一個簡單條件即可顯式隱藏頁面加載時的內容，例如：

$("div.desc").hide();