單獨的無線電組zf2

Question

在我的申請中，我有一個3個步驟的注冊表。 在一部分中，某人必須選擇一個包裹（會員船）。

在這里，我需要一組單選按鈕，但是因為我要處理3個帶有每個2個選項的軟件包，所以每個2個單選按鈕之間都有大量的html，因此我需要將單選按鈕分開並一一對應。 單獨的選項可能還不夠，因為它與html不一致，並且之間可能有很多html。

謝謝！ =）

Answer 1

您可以使用js hide-show做到這一點

<script>
    $(function(){
       $("#package1").on(click,function(){
           $("#p1").show();
       });

       $("#package2").on(click,function(){
           $("#p2").show();
       });

       $("#package3").on(click,function(){
           $("#p3").show();
       });
    });
</script>

<style>
    .hidden {
       display: none;
    }
</style>

<input type="radio" name="package" id="package1" value="Package1">
<input type="radio" name="package" id="package2" value="Package2">
<input type="radio" name="package" id="package3" value="Package3">

<input class="hidden" type="radio" id="p1" name="p1option" value="P1 Option1">
<input class="hidden" type="radio" id="p1" name="p1option" value="P1 Option2">

<input class="hidden" type="radio" id="p2" name="p3option" value="P2 Option1">
<input class="hidden" type="radio" id="p2" name="p2option" value="P2 Option2">

<input class="hidden" type="radio" id="p3" name="p1option" value="P2 Option1">
<input class="hidden" type="radio" id="p3" name="p3option" value="P2 Option2">