Bootstrap单选按钮已选中或已激活

时间:2014-06-04 06:50:09

标签: php html twitter-bootstrap radio-button

嘿,这是我的html + php(我有一个类名$ page)

<form class="form-horizontal" method="post" action="" name="page_settings">
<div class="col-xs-12 style-mg-top-10">
  <div class="form-group">
    <label class="col-sm-4 control-label" for="profilePrivacyRadios">Privacy: </label>
    <div class="col-sm-8">   
      <div class="btn-group" data-toggle="buttons">
          <label class="btn btn-primary <?php echo ($page_settings['page_privacy'] == 1) ? 'active' : '' ; ?> ">
          <input type="radio" name="profilePrivacyRadios" id="option1" value="1"> on
        </label>
        <label class="btn btn-primary <?php echo ($page_settings['page_privacy'] == 0) ? 'active' : '' ; ?> ">
          <input type="radio" name="profilePrivacyRadios" id="option2" value="0" > off
        </label>
      </div>
    </div>
  </div>
</div>   
<div class="form-group">      
  <label class="col-sm-4 control-label" for="deathdayRadios"></label>
  <div class="col-sm-8">   
    <input class="btn button-stripes btn-default" type="submit" name="settings" value="submit" />
  </div>
</div>  

使用此表单我可以通过一些sql帮助更新设置并向用户显示设置。

我发送的数据如下:

if (isset($_POST['settings'])) {
    $this->update_page_settings($_POST['profilePrivacyRadios');
}

}

获取这样的数据:

$page_settings = $page->load_page_settings();

如果我选择一个选项,一切正常。即使我使用bootstraps激活,即使选择了正确的选项,当我按下提交而不选择任何我得到的,未定义索引:profilePrivacyRadios错误。因此,即使打开也必须按下,否则我必须按下即使它关闭。加载页面时如何选择正确的按钮?

2 个答案:

答案 0 :(得分:1)

您可以使用checked属性(例如

)将任何单选按钮设置为默认选项
<input type="radio" name="profilePrivacyRadios" id="option1" value="1" checked="true">

或在提交之前验证您的表单

答案 1 :(得分:1)

您还必须对输入字段进行测试。输入字段必须具有“已检查”属性:

<input type="radio" name="profilePrivacyRadios" id="option1" value="1" <?php echo ($page_settings['page_privacy'] == 1) ? 'checked' : '' ; ?> /> on