每次顯示一個div數（如一副紙牌）

我正在製作一份調查表。它應該一次顯示一個問題。每次顯示一個div數（如一副紙牌）

每個問題都有一些單選按鈕。當單擊一個單選按鈕時，問題將被刪除（顯示：無;也可能帶有滑動動畫），下一個將會出現。

下面是我們迄今爲止的表格和結構的簡化版本。我之前沒有做過那麼多的前端編程 - 所以我不知道是否有一個簡單的標準方式來做到這一點，使用Javascript或jQuery？

非常感謝在正確方向上的一些指針。這裏的概念：

顯示分度問題＃1
點擊單選按鈕
隱藏DIV與問題＃1
顯示分度問題＃2
點擊一個單選按鈕

用＃2隱藏div 等...

01正如但是確實你問什麼，並給出了方法

進行了調整的想法移動class="question"到外的水平，其中ID是

<form method="post"> 

    <div id="question_1"> 
     <div class="question"> 
     Question 1 
     </div> 
     <div class="table"> 
      <input type="radio" value="1" name="rb_1"> 
      <input type="radio" value="2" name="rb_1"> 
     </div> 
    </div> 

    <div id="question_2"> 
     <div class="question"> 
     Question 2 
     </div> 
     <div class="table"> 
      <input type="radio" value="1" name="rb_2"> 
      <input type="radio" value="2" name="rb_2"> 
     </div> 
    </div> 

    <div id="question_3"> 
     <div class="question"> 
     Question 3 
     </div> 
     <div class="table"> 
      <input type="radio" value="1" name="rb_3"> 
      <input type="radio" value="2" name="rb_3"> 
     </div> 
    </div> 

    <div id="question_4"> 
     <input type="submit" name="submit"> 
    </div> 

</form>

來源

2015-01-26 Christoffer

這會不會是非常人性化。對行爲的元素設置普通類一般比目標ID的

<div id="question_1" class="question">

$(function(){  
    $('.question :radio').change(function(){ 
     $(this).closest('.question').hide().next().show(); 
    });  
});

有很多form wizard或form steps類型的插件，你可以使用這個，提供更多的動畫，上/下一個更簡單按鈕和視覺指示器步驟等

DEMO

來源

2015-01-26 22:30:08 charlietfl

爲隱藏的所有div設置默認值。單擊div中的單選按鈕時，顯示下一個div並隱藏該div。所以在jQuery中，在div上使用get元素，並將它們的display屬性設置爲none。將每個div存儲爲一個div數組。具有單擊單選按鈕時激活的功能。單擊時，從單選按鈕div轉到數組中的下一個div，並將其顯示設置爲阻止。

來源

2015-01-26 22:31:01

每次顯示一個div數（如一副紙牌）

回答

相關問題