Twitter Bootstrap のJavascript ラジオ トグル ボタンを使用しており、トグルの状態に基づいてフォーム入力を取得したいと考えています。
私が見つけた最も簡単な方法は、ボタン内に非表示のタグを追加することです。これは、誰かが投げた便利な jsFiddle の例です。
それはうまく機能しますが、それでも一種のクラッジです。私の質問は次のとおりです。これらのボタンからフォーム入力を取得するクリーンな方法は何ですか?
Twitter Bootstrap のJavascript ラジオ トグル ボタンを使用しており、トグルの状態に基づいてフォーム入力を取得したいと考えています。
私が見つけた最も簡単な方法は、ボタン内に非表示のタグを追加することです。これは、誰かが投げた便利な jsFiddle の例です。
それはうまく機能しますが、それでも一種のクラッジです。私の質問は次のとおりです。これらのボタンからフォーム入力を取得するクリーンな方法は何ですか?
どうですか
$(this).children('input[name="is_private"]').val()
初めてあなたの質問を読み間違えたと思います...非表示のフォーム要素を作成し(AJAXを使用しない限り、フォームを送信するときに値にアクセスする必要があります)、JSを使用してその値を設定できます。
HTML
<input type="hidden" name="status" id="status" value="" />
JS
$('div.btn-group button').click(function(){
$("#status").attr('value', $(this).attr('id'));
})
index()
実際には、次のような関数を使用して、html 入力要素と css を回避できます。
$('div.btn-group .btn').click(function(){
if ($(this).index() != $('div.btn-group .btn.active').index()){
alert($(this).index());
}
});
アクティブなボタンが既に選択されている場合にアラートを取得しない条件も追加しました。