0

データを含む行のテーブルと、一番左にあるチェックボックスがあります。これが私の行の1つのHTMLです

(チェックボックス):

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

ご覧のとおり、行には「records[]」という名前のチェックボックスがあり、records 配列内の値の配列であることを示しています。HTML テーブルのすぐ上にあるボタンを押すと、チェックされたレコードが取得され、新しい URL にポストされます。これを達成する方法がわかりません。参考までに、テーブルとボタンはフォーム内にありません。

4

2 に答える 2

0

入力はフォーム内にありますが、テーブルとボタンはそうではありません。

この状況を処理する 1 つの秘訣は、onclick イベント ハンドラーをボタン要素にバインドし、フォーム自体の非表示の送信ボタンのクリック メソッドを呼び出すことです。これにより、ボタンが効果的に「チェーン」されます。

<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();
}

もう 1 つの方法は、フォーム オブジェクト自体の submit メソッドを呼び出すことです。

$('#yourButton').click(function() {
    $('[name="yourForm"]').submit();
}
于 2012-05-07T21:43:40.817 に答える
0 
jQuery('#tableId input[type="checkbox"]')

少しjquery。これにより、テーブルからすべてのチェックボックス項目が選択されます。チェックされているかどうかは .val() メソッドで確認できます。

于 2012-05-07T21:44:59.917 に答える