前提
Bootstrap3
発生している問題・エラーメッセージ
Bootstrap3を使用し、トグルボタンの見た目をradioボタンで実装しようとしていまsが、
なぜかサンプルサイトなどでコピーしてきたソースが動作しません。
具体的には、「ラジオボタン1」のみが選択された状態で、他をクリックしても選択されません。
ちなみに、data-toggle="buttons"を外すと、見た目は普通のradioボタンに戻り正常に動作します。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap Core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-default active"> <input type="radio" autocomplete="off" checked> ラジオボタン1 </label> <label class="btn btn-default"> <input type="radio" autocomplete="off"> ラジオボタン2 </label> <label class="btn btn-default"> <input type="radio" autocomplete="off"> ラジオボタン3 </label> </div> </body> </html>
試したこと
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/01/31 00:26
2023/01/31 01:12