2012-05-07 6 views
0

私は、データを含む行のテーブルと、一番左のチェックボックスを持っています。onclickボタンのイベントプロトタイプまたはjQueryからチェックボックスの配列をポストする

<input type="checkbox" id="records[]" name="records[]" value="1" /> 

あなたが見ることができるように、行は、それが配列であることを示す、「レコードの[]」の名前のチェックボックスがあります。ここに私の行の1つ

(チェックボックス)のためのHTMLがありますレコード配列内の値の私のHTMLテーブルのすぐ上に、プッシュするとチェックされたレコードを取り出して新しいURLに投稿するボタンがあります。私はこれを達成する方法を理解できません。ちょうどFYI、テーブルとボタンはフォーム内にありません。

+0

FiddleJSに例を投稿できますか? –

+0

どちらの回答もあなたの質問に答えていない場合、これはあなたの質問を編集し、より多くのコードと詳細を追加する必要があるという確かな兆候です。他の答えを見た後、私はあなたが正確に達成したいことを理解しているかどうかについて疑問を持ち始めています。 – jmort253

+0

他にどのように語るべきかわかりません。私は、チェックボックスの値を収集し、javascriptを介して新しいページに投稿したいと思います。 – jkushner

答えて

0

私はあなたのHTMLがフォームの中に入力されているが、テーブルとボタンは表示されていないものと思われます。

この状況を処理する1つの方法は、onclickイベントハンドラをボタン要素にバインドしてから、フォーム自体の隠しサブミットボタンのclickメソッドを呼び出します。これにより、効果的にボタンが連鎖します。 jqueryのの

$('#yourButton').click(function() { 
    $('[name="yourForm"]').submit(); 
} 
+0

私はフォームを使いませんでした。なぜなら、1つではなく、ページ上にいくつかの異なるアクションがあるからです。この例では、エクスポートページに投稿するデータが必要です。だから、私はフォームを提出することに頼ることはできません。たぶん、私はonclickイベントを追加し、javascript内のフォームアクションを変更できますか? – jkushner

+0

あなたはページに複数のフォームを持つことができます。各フォームに固有のアクションURLを持つ一意の名前を付けてから、jQuery DOMメソッドを使用してそのサブミットハンドラにアクセスできます。これで質問に答えられない場合は、質問を編集して詳細を追加してください。あなたが望むものを理解しようとするコメントを注ぐことは、実際にあなたの質問にいくつかのコードを見るよりもあまり役に立ちません。がんばろう! – jmort253

0
jQuery('#tableId input[type="checkbox"]') 

少し:

<form action="/yourURL" name="yourForm" method="post"> 
    <input type="checkbox" id="records[]" name="records[]" value="1" /> 

    <input type="submit" style="display:none" id="submitBtn" /> 

</form> 

<table> 
    <button id="yourButton" value="click me" /> 

</table> 

$('#yourButton').click(function() { 
    $('#submitBtn').click(); 
} 

もう一つの方法は、単にフォームオブジェクト自体の提出方法を呼び出すことです。これは、テーブルからすべてのチェクボックス項目を選択します。 .val()メソッドで確認することができます。

関連する問題