2016-04-19 7 views
0

ブートストラップ3ラジオ・ボタン・グループに問題があります。ブートストラップ・ラジオ・ボタン・グループがラジオ・マークを付けていないことを確認しました

ラジオボタンを選択すると、ラジオボタンにチェックマークが付けられていません。ラジオボタンに「アクティブ」を追加するだけです。

したがって、私が試してチェックしたラジオボタンをPHPとCodeigniterでプルしようとすると、特に値はありません。

ラジオボタンは通常のラジオボタンとして機能しませんか?

は、ここで私はラジオボタンをクリックしたときにチェックして、ラジオボタンのどちらがマークされているラジオボタンのコード

<div class="form-group"> 
    <label for="Custom Branding">Custom Branding</label><br /> 
    <div class="btn-group user_toggle" data-toggle="buttons"> 
     <label class="btn btn-default btn-sm active"> 
      <input type="radio" name="default_branding" value="0" autocomplete="off" > No 
     </label> 
     <label class="btn btn-default btn-sm"> 
      <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes 
     </label> 
    </div> 
</div> 

です。

変更が行われた場合、ラジオボタンはPOST配列内にのみありますが、すべての値が必要です。

私は間違っていますか?

+0

http://stackoverflow.com/questions/21673985/bootstrap-radio-button-get-selected-value-on- submit-form –

+0

JSソリューションを使用して、非常に単純なHTML動作を再現したいのですが? – frobak

+0

ちょうどブートストラップを持つこのプランカーは、あなたが望むものを達成していますか?:https://embed.plnkr.co/SYqwJ1MQUQJOCKoxN1Pl/(各ボタンがチェックされているかどうかの記録値を見るにはコンソールを見てください) –

答えて

0

あなたの問題は分かりませんが、コードはロジックではありません。ラベルにアクティブなクラスがあるので、ブートストラップは "いいえ"と表示されますが、対応するラジオ入力に "checked"属性がないので、純粋なhtmlではチェックされません。

アクティブクラスに対応するchecked属性を使用してコード...

<div class="form-group"> 
    <label for="Custom Branding">Custom Branding</label><br /> 
    <div class="btn-group user_toggle" data-toggle="buttons"> 
     <label class="btn btn-default btn-sm active"> 
      <input type="radio" checked="checked" name="default_branding" value="0" autocomplete="off" > No 
     </label> 
     <label class="btn btn-default btn-sm"> 
      <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes 
     </label> 
    </div> 
</div> 
+0

はい、ラジオボタンを選択すると、チェックされているラジオボタンには表示されません。 – frobak

+0

ここにあなたのコードを見てくださいhttp://codepen.io/davidmars/pen/XdYzJM それは動作します;) – davidmars

関連する問題