この記事の例では、jquery チェックボックスの複数選択をテキスト ボックスに割り当てる方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。 コードをコピー コードは次のとおりです。 jquery はチェック ボックスをクリックしてイベントをトリガーし、入力に値を割り当てます * {<br> マージン: 0; パディング: 0; リストスタイルタイプ: なし <br> }<br> <br> a, img { <br> 境界: 0; テキスト装飾: なし <br> }<br> <br> ボディ { <br> フォント: 12px/180% Arial、Helvetica、サンセリフ、「新宋体」<br> }<br> <br> テーブル { <br> 空のセル: <br> を表示します。 ボーダー崩壊: 崩壊<br> 境界線の間隔: 0; }<br> /* タブリスト */ <br> .tablist { <br> 幅: 400px; ボーダー: 実線 8px #ddd; マージン: 40px 自動<br> }<br> <br> .tablist td { <br> 行の高さ: 24px; ボーダーボトム: 実線 1px #ddd; テキスト整列: 左; パディング: 10px; }<br> <br> .tablist td 入力 { <br> 行の高さ: 20px; マージン左: 5px; }<br> .tablist td .txtValue <br> <br> { <br> パディング: 3px 0; 幅: 180px; }<br> </スタイル> <br> <br> </頭> <br> <br> <br> <テーブル cellpadding="0" cellpacing="0" class="tablist"> <br> <td><input class="txtValue" type="text" name="keleyi" value="" /><input type="checkbox" data-type="checkall" />すべて選択< /td><br /> </tr> <br> <br> <br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="張三" value="1" />張三 <br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="李思" value="2" />李思 <br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="趙呉" value="3" />趙呉 <br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="王六" value="4" />王六 <br> </td> <br> </tr> <br> </テーブル> <br> <script type="text/javascript" src="jquery/jquery-1.11.2.min.js"></script> <スクリプトタイプ="text/javascript"> $(関数(){ <br> $('[data-type="checkbox"]').click(function(){ <br> var data_value = $(this).attr('data-value'), <br> txt also = $.trim($(".txtValue").val()); if($(this).prop("チェック済み")) { <br> if(txtalso.length > 0) { <br> if(txt also.indexOf(data_value ',') != -1) { <br> 戻る ; <br> } else { <br> txt also = データ値 ',' <br> }<br> } else { <br> txt also = データ値 ',' <br> }<br> } else { <br> if(txt also.indexOf(data_value ',') != -1) { <br> txt also = txtlike.replace(data_value ',', ''); }<br> }<br> $(".txtValue").val(txt also); }); <br> $('[data-type="checkall"]').click(function(){ <br> var str = ''; if($(this).prop("チェック済み")) { <br> $.each($('[data-type="checkbox"]'), function(i){ <br> str = $(this).attr('データ値') ',' <br> }); <br> $('[data-type="checkbox"]').prop('checked', true); } else { <br> $('[data-type="checkbox"]').prop('チェック済み', false); }<br> $(".txtValue").val(str); }); <br> }); <br> </スクリプト> <br> <br> </本文> <br> </html><br><br> <br>この記事が皆さんの jQuery プログラミングに役立つことを願っています。 <br> </div>