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">

单独的无线电组zf2

1 个答案: