2016-09-30 7 views
1

Boostrap buttons checkboxesプラグインを使用しようとしています。データの送信には効果的ですが、JS(jQuery)を使用してクライアントで値を取得したいと考えています。ブートストラップチェックボックスのボタングループから値を取得する方法は?

通常の入力であれば、 "checked"パラメータのみを読みます。

期待される動作は、「チェック済み」をチェックボックスから真または偽のステータスとして読み取ることです。通常のチェックボックスで動作します。

ブートストラップボタンのプラグインがアクティブである場合が確認され、ステータスが変化しますが、ブートストラッププラグインを使用している場合..

がどのように選択したチェックボックスを得ることができないのですか?

私はクローム53を使用して、私のプロジェクトと

+0

「アクティブ」クラスを持つチェックボックスを検出しようとするのは難しい作業ではありませんが、純粋に有用ではありません。私はあなたのアプリケーションのどこかでそれらを使用するために取得する各チェックボックスに値を割り当てることもしたいと思います。したがって、この場合は 'jquery'を使用して、チェックされた属性を選択されたチェックボックスに設定または設定解除して、チェックされた属性の値を取得することができます。 – Franco

答えて

3

ブートストラップのチェックボックスは、チェックボックスを選択する際に別の入力を設定することで動作し、同じ動作をするBootstrap site自体を検査しています。しばらく時間を節約でき、ちょうどserialize()機能を使用することができます。 formは、フォームのためのセレクタである

var data = $('form').serialize(); 

:それはあなたが素敵なきちんとした配列に必要なものを与える必要があります。

0

.serialize()、送信用の文字列として一連のフォーム要素をエンコードします。

.serialize()メソッドは、標準のURLエンコード表記でテキスト文字列を作成します。そのような<input><textarea>、及び<select>ように、個々のフォームコントロールを選択したjQueryオブジェクトに作用することができる:以下$("input, textarea, select").serialize();

コードスニペットは、シリアライズからサンプル出力

$("form").on("submit", function(event) { 
    event.preventDefault(); 
    console.log($(this).serialize()); 
}); 

、シリアル化<form>自体を選択します機能、

single=Single&multiple=Multiple3&check=check1&check=check2&radio=radio2 

が、この機能についての詳細を読み、オフィシャルjQueryのドキュメントでのコード例をご覧ください。

関連する問題