使用Rails和Formtastic製作動態表單

Question

我正在嘗試製作一個非常簡單的動態表單。我正在使用Rails 3.1和formtastic。基本上，我想基於單選按鈕來改變幾個字段。

它看起來像.. 你在做什麼樣的形狀？ （可選擇方形或矩形的單選按鈕） 如果選擇了方形，則會顯示一個用於大小的新字段。如果選擇矩形，則會顯示兩個字段的大小。

表實際上將只有一個尺寸列，因此該模型將Munge時間潛在的兩個領域進入一個之前的最後訪問數據庫（我認爲，在這個問題上仍然工作以及）

無論如何，是我的理解，我需要使用JavaScript來改變形式。我是一個JavaScript文盲，真的不明白如何與formtastic一起使用它。任何指針都會有所幫助。

謝謝！

Answer 1

是的，你應該使用js來做到這一點。如果你是js的新手，毫不猶豫地學習jQuery，它現在變成了js軌道標準。

要做你想做的事情，你應該在視圖中顯示兩個尺寸字段，並根據無線電值顯示/隱藏第二個字段。它可以是這樣的：

$(function() { 
    var $radios = $("input[name=radioName]"); 
    var $size2 = $("#size_field_2"); 

    function toggleSizeField() { 
    $size2.toggle($radios.filter(":checked").val() == 0); 
    } 

    $radios.click(toggleSizeField); 
    toggleSizeField(); 
});