单选按钮多项选择

我有许多具有不同名称属性的单选按钮，我面临一个问题。每次我单击每个单选按钮时，我都可以选择全部。我正在使用单选按钮重定向到其他页面。

我不想只选择一项。我正在使用 twitter bootstrap 选项卡在一页上显示多个内容，只需切换选项卡（如果这与问题有关）即可。有人可以帮我吗？

php

<?php
if (isset($_POST['submit'])) {
    if (isset($_POST['cleat']) && !empty($_POST['cleat'])) {

        header("location: sporting_goods");
        exit();
    }

    if (isset($_POST['cell']) && !empty($_POST['cell'])) {

        header("location: cellphones");
        exit();
    }

}
?>

css

 .radto{vertical-align:top;}
 .sell_ali{display:inline-block;}

html

 <form action="" method="post">
 <div class="tabbable tabs-left" style="margin-bottom: 18px;">
 <ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Electronics</a></li>
<li><a href="#tab2" data-toggle="tab">Sporting Goods</a></li>
 </ul>
 <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
 <div class="tab-pane" id="tab2">
  <div class="sell-ali">
  <li><input type="radio" class="radto" name="camera"/>&nbsp;   &nbsp;Cameras</li>
  <li><input type="radio" class="radto" name="cell"/>&nbsp;   &nbsp;Cell Phones</li>
  <li><input type="radio" class="radto" name="cell_cover"/>&nbsp;   &nbsp;Cell Phone Covers</li>
  </div>

</div>
<div class="tab-pane" id="tab2">
  <div class="sell-ali">
  <li><input type="radio" class="radto" name="ball">&nbsp; &nbsp;Balls</li>
  <li><input type="radio" class="radto" name="cleat">&nbsp; &nbsp;Cleats</li>
  <li><input type="radio" class="radto" name="jersey">&nbsp; &nbsp;Jersey</li>
  </div>

</div>
</div>
<input type="submit" value="next" name="submit">
</form>

然后给同样的name。这就是创建单选按钮组的方法。

Use the value用于用户从该组中挑选的数据。