<script type="text/javascript"> $(function(){ $("#addRow").click(function(){ $("#mytbl").append($("#firsttr").clone()); }); $("#removeRow").click(function(){ if($("#mytbl #firsttr").size()>1){ $("#mytbl #firsttr:last").remove(); }else{ alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ"); } }); }); </script> <table id="mytbl" border="0"> <tr id="firsttr"> <td> <table width="690" border="0" align="center"> <tr> <td colspan="2"><textarea name="proposition2[]" id="proposition2[]" class="input_text" <?echo"$bg";?>></textarea></td> </tr> <tr> <td width="32" align="center" valign="top">ก.</td> <td width="652"><input type="radio" name="choice2[]" id="choice2[]" value="1"> <input type="text" name="text_choice1_2[]" id="text_choice1_2[]" class="input_text2" <?echo"$bg";?>></td> </tr> <tr> <td align="center" valign="middle">ข.</td> <td><input type="radio" name="choice2[]" id="choice2[]" value="2"> <input type="text" name="text_choice2_2[]" id="text_choice2_2[]" class="input_text2" <?echo"$bg";?>></td> </tr> <tr> <td align="center" valign="middle">ค.</td> <td><input type="radio" name="choice2[]" id="choice2[]" value="3"> <input type="text" name="text_choice3_2[]" id="text_choice3_2[]" class="input_text2" <?echo"$bg";?>></td> </tr> <tr> <td align="center" valign="middle">ง.</td> <td><input type="radio" name="choice2[]" id="choice2[]" value="4"> <input type="text" name="text_choice4_2[]" id="text_choice4_2[]" class="input_text2" <?echo"$bg";?>></td> </tr> <tr> <td align="center" valign="middle">จ.</td> <td><input type="radio" name="choice2[]" id="choice2[]" value="5"> <input type="text" name="text_choice5_2[]" id="text_choice5_2[]" class="input_text2" <?echo"$bg";?>></td> </tr> </table> <input name="action_2[]" type="hidden" id="action_2[]" value="none"> </td> </tr> </table> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <button id="addRow" type="button">+</button> <button id="removeRow" type="button">-</button> <button id="Submit" type="submit">Submit</button> </td> </tr> </table>
<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>Untitled Document</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $(function(){ $("#addRow").click(function(){ $("#mytbl").append($("#firsttr").clone()); var $count = 0; $count = $("#mytbl tbody").length + 1; //นับจำนวน tbody var NR =""; NR+="<tbody>"; NR+="<tr>"; NR+="<td width=\"32\" align=\"center\" valign=\"top\">ก.</td>"; NR+="<td width=\"652\"><input type=\"radio\" name=\"choice"+$count+"[]\" id=\"choice"+$count+"[]\" value=\"1\">คำถามชุดที่"+$count+"</td>"; NR+="</tr>"; NR+=" <tr>"; NR+=" <td align=\"center\" valign=\"middle\">ข.</td>"; NR+="<td><input type=\"radio\" name=\"choice"+$count+"[]\" id=\"choice"+$count+"[]\" value=\"2\">คำถามชุดที่"+$count+"</td>"; NR+="</tr>"; NR+="<tr>"; NR+="<td align=\"center\" valign=\"middle\">ค.</td>"; NR+="<td><input type=\"radio\" name=\"choice"+$count+"[]\" id=\"choice"+$count+"[]\" value=\"3\">คำถามชุดที่"+$count+"</td>"; NR+="</tr>"; NR+="<tr>"; NR+=" <td align=\"center\" valign=\"middle\">ง.</td>"; NR+="<td><input type=\"radio\" name=\"choice"+$count+"[]\" id=\"choice"+$count+"[]\" value=\"4\">คำถามชุดที่"+$count+"</td>"; NR+="</tr>"; NR+="<tr>"; NR+="<td align=\"center\" valign=\"middle\">จ.</td>"; NR+="<td><input type=\"radio\" name=\"choice"+$count+"[]\" id=\"choice"+$count+"[]\" value=\"5\">คำถามชุดที่"+$count+"</td>"; NR+="</tr>"; NR+="</tbody>"; $("#mytbl").append($(NR)); $("#count").val($count);//เก็บค่าจำนวนชุดคำตอบลงใน hidden เพื่อนำค่าไปใช้ }); $("#removeRow").click(function(){ if($("#mytbl #firsttr").size()>1){ $("#mytbl #firsttr:last").remove(); }else{ alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ"); } }); }); }); </script> </head> <body> <form action="getdata.php" method="post"> <table id="mytbl" width="690" border="1"> <tbody> <tr> <td width="32" align="center" valign="top">ก.</td> <td width="652"><input type="radio" name="choice1[]" id="choice1[]" value="1"> คำถามชุดที่1</td> </tr> <tr> <td align="center" valign="middle">ข.</td> <td><input type="radio" name="choice1[]" id="choice1[]" value="2"> คำถามชุดที่1</td> </tr> <tr> <td align="center" valign="middle">ค.</td> <td><input type="radio" name="choice1[]" id="choice1[]" value="3"> คำถามชุดที่1</td> </tr> <tr> <td align="center" valign="middle">ง.</td> <td><input type="radio" name="choice1[]" id="choice1[]" value="4"> คำถามชุดที่1</td> </tr> <tr> <td align="center" valign="middle">จ.</td> <td><input type="radio" name="choice1[]" id="choice1[]" value="5"> คำถามชุดที่1</td> </tr> </tbody> </table> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <button id="addRow" type="button">+</button> <button id="removeRow" type="button">-</button> <button id="Submit" type="submit">Submit</button> <input type="hidden" name="count" id="count"></td> </tr> </table> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง