单选按钮多选

时间:2013-09-08 20:42:10

标签: php html css twitter-bootstrap

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

我不想只有一个选择。我正在使用twitter引导选项卡在一个页面上显示多个内容,只需切换选项卡,如果这与prob有关。有人可以帮助我吗?

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>

2 个答案:

答案 0 :(得分:3)

然后给出相同的name。这就是你创建一个单选按钮组的方法。

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

答案 1 :(得分:2)

如果你想只允许一个选择,你应该给他们同名的伙伴。然后为每个设置要发送给服务器的值。