創建動態表單

我需要創建一個具有2（是/否）選項的表單，並且如果用戶單擊其中一個選項，那麼他應該得到一個摺疊子表單，其中包含有關該特定選擇的更多細節。如果他選擇了其他選項，那麼他應該得到另一個具有相關信息的摺疊子表單。我知道我們必須使用JavaScript或Jquery（以獲得崩潰效果），但我對這兩者都是新手。任何簡單的教程或信息初學者非常感謝。 PS：我已經看到很多關於這個要求的問題，但事實是我作爲初學者很難理解它們。創建動態表單

感謝，

來源

2012-01-11 uday

基本上，你將需要包裝在div的兩個不同的子表單，然後使用jQuery的.show（）和.hide（）函數來顯示和隱藏他們權當單選按鈕被點擊。

這裏是關於在顯示和隱藏一個有用的教程：http://papermashup.com/simple-jquery-showhide-div/

編輯：用於用戶更具體的答案..

$(document).ready(function(){ 
    $("#check-box").click(function(){ 
    if($(this).is(':checked')) { 
     $('#div1').show(); 
    } else { 
     $('#div1').hide(); 
    } 
    });

}）;

來源

2012-01-11 17:51:14

謝謝！這真的有幫助 – uday 2012-01-11 18:10:39

沒問題！我會永遠感謝你將它標記爲回答你的問題，如果你認爲它的確如此，但無論如何，我很樂意幫助你！ – 2012-01-11 18:13:12

嘿傑西，我想顯示的div如果用戶選擇1單選按鈕到其他。但它不工作的方法'.click'支持檢查或單選按鈕？或者有一些其他的材料，比如'if value =「1」，然後show（）'就像那樣......你的鏈接很有幫助，但是我找不到複選框和單選按鈕的方法。你能幫我解決嗎？ – uday 2012-01-12 20:14:50

您必須呈現整個表單並隱藏所有子表單，每個表單都具有不同的ID。根據按鈕/選擇按下時，你調用相應的div$.show()有這樣的代碼：

$("#choice1_subform").click(function(){ 
    $("#div1").show(); 
});

來源

2012-01-11 17:54:55 Karlisson

謝謝，難道我不應該使用hide（）函數嗎？像Jesse Pollak所描述的那樣？ – uday 2012-01-11 18:04:53

是的。如果你點擊另一個選項，它應該'隱藏（）'以前的子窗體並顯示另一個。 – Karlisson 2012-01-11 18:07:54

我在firebug中得到一個錯誤，說$沒有在'$（「＃element_4_1」）行中定義。click（function（）{'你能告訴我我錯的地方嗎 – uday 2012-01-11 20:33:33

創建動態表單

回答

相關問題