jQueryを使用してポップアップボックスを作成しました。ポップアップ ボックスには、submit という名前のボタンが含まれています。
1.テーブル<td>
には、「名前を追加」と「リストから追加」の2つのボタンがあります。ユーザーが「名前を追加」をクリックすると、ポップアップ ボックスが開き、ユーザーからの入力 (つまり、テキスト データ) が取得されます。
2.ポップアップボックスにテキストデータを入力後、送信ボタンを押してください。送信をクリックすると、ユーザーが入力した入力テキストが に表示され<div id="dynamic"></div>
ます<td>
。(以下の HTML を参照してください)。
3.以下の HTML の 2 番目<tr>
: 別のテキストに、i. チェック ボックス付きの応急処置メモ ii. チェック ボックス付きの病棟に送信 iii. チェックボックス付きの救急車。
4. ユーザーが送信ボタンをクリックすると、名前<td>
セルにテキスト データが表示されます (以下の HTML を参照)。しかし、同時に、上記のラベル付きのチェックボックス<td>
は、テーブル内のそれぞれの s に動的にバインドする必要があります (以下の HTML を参照してください。個別に配置しました<td>
(つまり、ユーザーが送信ボタンをクリックすると、チェックボックスも必要になります)これは、送信時にクリックするたびに発生する必要があります)。
Javascript や jQuery を使用して実行する方法がわかりません。誰でもコードを思い付くことができますか。
<table width="100%" cellpadding="0" cellspacing="0" id="rounded_border">
<tr>
<td colspan="4"><p><em>Please record the name</em></p></td>
</tr>
<tr>
<td><strong>Involved</strong></td>
<td><a href="#" id="btnShowModal"><button>Add a name</button></a></td>
<td><p align=center>or</p></td>
<td>Add from list</td>
</tr>
<tr id="list" class="ir-shade"><div id="dynamic">
<td><span class="delete_icon">x</span>Atil</td>
<td>
<input id="firstaid" onclick="addtreatment();" type="checkbox"/>
FirstAid needed
</td>
<td>
<input class="sickbay" onclick="addtreatment();" type="checkbox"/>
Sent to Sick bay
</td>
<td>
<input class="ambulance" onclick="addtreatment();" type="checkbox"/>
Ambulance
</td>
</div>
</tr>
</table>
これは私がoutupとして要求したものですが、単一のように表示され<td>
ます。チェックボックスとそれぞれのラベルが個別に表示されるようにしたいです<td>.
jquery/javascript の使い方。ありがとう。