チェックボックスの値を取得し、テキスト入力に追加します

user3758114

メールアドレスを保持するテキスト入力があり、それぞれが,phpのブレークポイントを示すためにで区切られています。

<input type="text" name="to" class="form-control">

毎回すべてのメールアドレスを再入力する必要はなく、すべてのメールアドレスを保持し、メールを送信するアドレスを選択できるテーブルを作成しました。

<table class="table">
<thead>
    <tr>
        <th>
            &nbsp;
        </th>
        <th>
            Client
        </th>
        <th>
            Email
        </th>
    </tr>
</thead>

<tbody>
    <?php foreach($clients as $client): ?>
    <tr>
        <td>
            <input id="toList" name="to" type="checkbox">
        </td>
        <td>
            <?php echo $client->name.' '.$client->last_name; ?>
        </td>
        <td>
            <?php echo $client->email; ?>
        </td>
    </tr>
    <?php endforeach; ?>
</tbody>
</table>

<a href="#" class="btn btn-primary btn-sm add">Add To Email</a>

ここで、javascriptを使用して、addボタンがクリックされたときにjavascriptがすべてのチェックされたチェックボックスのすべての値をto入力フィールドに追加してそれぞれをで割る方法を理解する必要があります,

デベンドラソニ

こんにちは私はあなたのためにjsfiddleを作成しました。

コード:-

$(document).ready(function() {
    $("#btn").click(function() {
        var checkedEmails = $("input[name=to]:checked").closest("tr");

        var data = [];
        $.each(checkedEmails, function() {
            data.push($.trim($(this).find("td:eq(2)").text()));

        });
        var str = data.join(",");
        $("#txt").val(str);
    });

});

実例:-

http://jsfiddle.net/XUjAH/1102/

ありがとう

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

vuejsのチェックボックスの値に入力テキストを追加します

分類Dev

チェックボックスからの入力テキストに1つずつ追加します

分類Dev

xsltはxml値を入力テキストボックスに取得します

分類Dev

入力値を取得して、別のテキストボックスに値として表示します

分類Dev

1つのテキストボックスに数値を入力し、別のテキストボックスに出力として単語を取得します

分類Dev

テキストボックスを追加して、入力を取得します[PHP]

分類Dev

Jquery-チェックボックスがチェックされているときにテキストボックスの以前の値を取得します

分類Dev

チェックボックス[]がチェックされている入力の値を取得します

分類Dev

入力テキストボックスで値を取得します

分類Dev

Angular 4は、日本語入力のテキストボックスから入力値を取得します

分類Dev

テキスト入力のチェックボックスをオフにし、チェックボックスがオンの場合はテキスト入力をクリアします

分類Dev

同じ行にテキストフィールドとチェックボックスを入力します

分類Dev

Telegram Bot:キーボードボタンにアクションを追加して、チャット入力ボックスにテキストを追加します

分類Dev

チェックボックスでチェックされた値を取得し、リストに入れます

分類Dev

入力値=の場合にチェックするチェックボックスを設定します

分類Dev

入力テキストボックスの値をangularjsに送信するには、テキストボックスをクリックしますか?

分類Dev

値がテキスト入力値と等しくない場合は、チェックボックスをオフにします

分類Dev

チェックボックスのラベルテキストを取得してdivに追加する

分類Dev

jQuery-チェック/クリックした場合、リストに入力またはボタンの値を追加/削除します

分類Dev

選択した値を取得してthymeleafのテキストボックスに入力する方法

分類Dev

フェザーライトは閉じた後に入力テキストボックスの値を取得しますか?

分類Dev

javascriptを使用して動的テキストボックスからユーザーが入力した値の平均を追加して取得します

分類Dev

テキストボックスに別の値を入力した後、テキストボックスの数を1回だけ表示します

分類Dev

テキストボックスに別の値を入力した後、テキストボックスの数を1回だけ表示します

分類Dev

フォームのテキストボックスとチェックボックスからユーザー入力(アカウント番号、チェックボックス、チェックされたラジオボタンなど)を取得し、データベースからファイルを取得します

分類Dev

C#でプロジェクトを再開した後、以前に入力したテキストボックスの値を取得する方法

分類Dev

テキストボックスにc#LINQのJSONオブジェクトを入力します

分類Dev

オブジェクトの配列にテキストボックスデータを入力します

分類Dev

データベースの別のテキストボックスに基づいてテキストボックスの値を入力します

Related 関連記事

  1. 1

    vuejsのチェックボックスの値に入力テキストを追加します

  2. 2

    チェックボックスからの入力テキストに1つずつ追加します

  3. 3

    xsltはxml値を入力テキストボックスに取得します

  4. 4

    入力値を取得して、別のテキストボックスに値として表示します

  5. 5

    1つのテキストボックスに数値を入力し、別のテキストボックスに出力として単語を取得します

  6. 6

    テキストボックスを追加して、入力を取得します[PHP]

  7. 7

    Jquery-チェックボックスがチェックされているときにテキストボックスの以前の値を取得します

  8. 8

    チェックボックス[]がチェックされている入力の値を取得します

  9. 9

    入力テキストボックスで値を取得します

  10. 10

    Angular 4は、日本語入力のテキストボックスから入力値を取得します

  11. 11

    テキスト入力のチェックボックスをオフにし、チェックボックスがオンの場合はテキスト入力をクリアします

  12. 12

    同じ行にテキストフィールドとチェックボックスを入力します

  13. 13

    Telegram Bot:キーボードボタンにアクションを追加して、チャット入力ボックスにテキストを追加します

  14. 14

    チェックボックスでチェックされた値を取得し、リストに入れます

  15. 15

    入力値=の場合にチェックするチェックボックスを設定します

  16. 16

    入力テキストボックスの値をangularjsに送信するには、テキストボックスをクリックしますか?

  17. 17

    値がテキスト入力値と等しくない場合は、チェックボックスをオフにします

  18. 18

    チェックボックスのラベルテキストを取得してdivに追加する

  19. 19

    jQuery-チェック/クリックした場合、リストに入力またはボタンの値を追加/削除します

  20. 20

    選択した値を取得してthymeleafのテキストボックスに入力する方法

  21. 21

    フェザーライトは閉じた後に入力テキストボックスの値を取得しますか?

  22. 22

    javascriptを使用して動的テキストボックスからユーザーが入力した値の平均を追加して取得します

  23. 23

    テキストボックスに別の値を入力した後、テキストボックスの数を1回だけ表示します

  24. 24

    テキストボックスに別の値を入力した後、テキストボックスの数を1回だけ表示します

  25. 25

    フォームのテキストボックスとチェックボックスからユーザー入力(アカウント番号、チェックボックス、チェックされたラジオボタンなど)を取得し、データベースからファイルを取得します

  26. 26

    C#でプロジェクトを再開した後、以前に入力したテキストボックスの値を取得する方法

  27. 27

    テキストボックスにc#LINQのJSONオブジェクトを入力します

  28. 28

    オブジェクトの配列にテキストボックスデータを入力します

  29. 29

    データベースの別のテキストボックスに基づいてテキストボックスの値を入力します

ホットタグ

アーカイブ