Css Radiobutton仅在一个窗体上工作，而其他窗体不能

我试图修改输入型收音机的输入样式，我有两种不同形式的收音机输入。但无线电输入仅在第一种形式上有效，而第二种形式不起作用。我仍然对为什么不进行第二项工作的问题感到困惑

请帮帮我。提前谢谢

例：

单因素方差分析


返回




单因素方差分析


返回

如果我理解正确，您希望中的前两台收音机需要设置不同的“searchFlights”窗体以协同工作，而“searchTrain”窗体中的其他两台收音机则协同工作

如果是这种情况，您将需要每个表单中的无线电输入的不同名称。收音机通过匹配输入的“名称”部分工作

您可以尝试更改每个集合以使用不同的名称。例如，使用“roundtripFlight”作为“searchFlights”表单，使用“roundtripTrain”作为“searchTrains”表单

单因素方差分析


返回




单因素方差分析


返回

Id

必须是唯一的。因此，请在无线电输入中提供唯一的

id

[type=“radio”]：选中，
[type=“radio”]：未（：选中）{
位置：绝对位置；
左：-9999px；
}
[type=“radio”]：选中+标签，
[type=“radio”]：未（：选中）+标签{
位置：相对位置；
左侧填充：28px；
光标：指针；
线高：20px；
显示：内联块；
颜色：#666；
}
[type=“radio”]：选中+标签：在，
[type=“radio”]：未（：选中）+标签：之前{
内容：''；
位置：绝对位置；
左：0；
排名：0；
宽度：18px；
高度：18px；
边框：1px实心#ddd；
边界半径：100%；
背景：#fff；
}
[type=“radio”]：选中+标签：之后，
[type=“radio”]：未（：选中）+标签：之后{
内容：''；
宽度：12px；
高度：12px；
背景：#F87DA9；
位置：绝对位置；
顶部：3px；
左：3px；
边界半径：100%；
-webkit过渡：所有0.2秒轻松；
过渡：所有0.2秒缓解；
}
[type=“radio”]：未（：选中）+标签：之后{
不透明度：0；
-webkit变换：缩放（0）；
变换：比例（0）；
}
[type=“radio”]：选中+标签：之后{
不透明度：1；
-webkit转换：规模（1）；
变换：比例（1）；
}
保险商实验室{
列表样式：无；
}

单因素方差分析


返回




单因素方差分析


返回

id必须是唯一的。有几个元素使用相同的ID。

<input type="radio" name="roundtrip" id="oneway" value="oneway" checked="">
<label for="oneway">Oneway</label>

<div role="tabpanel" class="tab-pane active" id="flights">
  <form name="flight" method="GET" action="" id="searchFlights" class="form-inline">
    <ul class="radio-list">
      <li id="radioFlights">
        <input type="radio" name="roundtripFlight" id="oneway" value="oneway" checked="">
        <label for="oneway">Oneway</label>
      </li>
      <li id="radioFlights">
        <input type="radio" name="roundtripFlight" id="return" value="return">
        <label for="return">Return</label>
      </li>
    </ul>
  </form>
</div>
<div role="tabpanel" class="tab-pane" id="trains">
  <form name="train" method="GET" action="" id="searchTrains" class="form-inline">
    <ul class="radio-list">
      <li id="radioTrains">
        <input type="radio" name="roundtripTrain" id="oneway" value="oneway" checked="">
        <label for="oneway">Oneway</label>
      </li>
      <li id="radioTrains">
        <input type="radio" name="roundtripTrain" id="return" value="return">
        <label for="return">Return</label>
      </li>
    </ul>
  </form>
</div>