顯示頁面元素默認jquery

我有一個包含2個單選按鈕（2種註冊類型）的註冊頁面。顯示頁面元素默認jquery

當選中第一個單選按鈕時，我會看到第一種註冊類型的表單。當檢查第二個單選按鈕時，我會看到第二種單選按鈕。當我去註冊頁面我看到的所有形式，我創建（2種類型的註冊的）：

onclick="jQuery('.school_field').hide();jQuery('.priv_field').show();

問題：

我通過添加jQuery代碼到RADIOBUTTON輸入意識到這一點。如何以默認的形式顯示1種註冊類型？謝謝。

來源

2013-02-14 Anatoliy Palash

您需要在頁面加載時默認隱藏窗體並僅顯示一個窗體。

可能這有助於

$(document).ready(function(){ 

    jQuery('.school_field').hide(); 
    jQuery('.priv_field').show();  

})

來源

2013-02-14 09:30:34 Moons

謝謝你！有用！這是我第一個jquery步驟。我很高興:) – 2013-02-14 09:51:26

歡迎來到StackOverflow :) – Moons 2013-02-14 09:56:07

使用下面的CSS有網頁加載時隱藏所有priv_field元素：

.priv_field { display: none; }

同樣可以使用jQuery來實現，雖然我沒有看到它的情況下：

$(function() { $('.priv_field').hide(); });

來源

2013-02-14 09:29:19

值得注意的是，在DOM準備就緒之前，jQuery解決方案也可能會在一段時間內揭示隱藏字段。如果CSS加載速度緩慢，那麼該解決方案的情況也是如此，但jQuery解決方案可能會更慢。 – 2013-02-14 09:35:32

謝謝你們的回答！ =） – 2013-02-14 09:50:01

您可以使用展（）和隱藏（）。那是一種簡單的

看看http://jsfiddle.net/nagoba/ZvQw6/

$(document).ready(function(){ 

    $("#form1").click(function(){ 

     $('#form2').attr('checked',false); 
     $("#f1").show(); 
     $("#f2").hide(); 

    }); 

    $("#form2").click(function(){ 

     $('#form1').attr('checked',false); 
     $("#f2").show(); 
     $("#f1").hide(); 

    }); 

});

來源

2013-02-14 09:49:12 nagesh

您的意思是隱藏/顯示領域，不形式，即只對第一/第二註冊類型的？

當DOM準備就緒時，您應該檢查最初選擇哪個單選按鈕，然後基於此隱藏/顯示字段。

$(document).ready(function() { 
    if ($('input.radio-button-for-school').is(':selected')) { 
    $('.priv_field').hide(); 
    $('.school_field').show(); 
    } else { 
    $('.school_field').hide(); 
    $('.priv_field').show(); 
    } 
});

注意，在某些瀏覽器，如果你設置表單域達到一定的數值，然後重新加載頁面，表單字段將仍持有相同的值。因此，僅僅假設您的默認單選按鈕將永遠是您在加載頁面時選擇的單選按鈕是不夠的。如果他們提交表單，但可能還想保留用戶的輸入，但它有一些無效值。

來源

2013-02-14 09:52:16 kristinalim

顯示頁面元素默認jquery

回答

相關問題