<head> <script language="javascript"> function show_table(id) { if(id == 1) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_1").style.display = ""; document.getElementById("table_2").style.display = "none"; } else if(id == 2) { // ถ้าเลือก radio button 2 ให้โชว์ table 2 และ ซ่อน table 1 document.getElementById("table_1").style.display = "none"; document.getElementById("table_2").style.display = ""; } } function checknull(){ //check table 1 if(document.getElementById('table_1').style.display = ""){ if(document.getElementById('txt1').value == ""){ alert('text 1 null'); return false; } if(document.getElementById('num1').value == ""){ alert('select 1 null'); return false; } } //check table 2 if(document.getElementById('table_2').style.display = ""){ if(document.getElementById('txt2').value == ""){ alert('text 2 null'); return false; } if(document.getElementById('num1').value == ""){ alert('select 2 null'); return false; } } } </script> </head> <form id="frm" name="frm" method="post" onsubmit="return checknull()"> <input name="show" type="radio" value="1" onclick="show_table(this.value);"> show table 1 <input name="show" type="radio" value="2" onclick="show_table(this.value);"> show table 2 <table width="150" border="1" cellpadding="1" cellspacing="1" id="table_1" style="display:none"> <tr> <td> table 1 </td> </tr> <tr> <td> <input type="text" id="txt1" name="txt1"> </td> </tr> <tr> <td> <select id="num1" name="num1"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </td> </tr> </table> <br> <table width="150" border="1" cellpadding="1" cellspacing="1" id="table_2" style="display:none"> <tr> <td> table 2 </td> </tr> <tr> <td> <input type="text" id="txt2" name="txt2"> </td> </tr> <tr> <td> <select id="num2" name="num2"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </td> </tr> </table> <input type="submit" id="sum" name="sub" value="submit"> </form>
<input name="show" id="show1" type="radio" value="1" onclick="show_table(this.value);"> show table 1 <input name="show" id="show2" type="radio" value="2" onclick="show_table(this.value);"> show table 2
function checknull(){ //check table 1 if(document.getElementById('show1').checked == true){ if(document.getElementById('txt1').value == ""){ alert('text 1 null'); return false; } if(document.getElementById('num1').value == ""){ alert('select 1 null'); return false; } } //check table 2 if(document.getElementById('show2').checked == true){ if(document.getElementById('txt2').value == ""){ alert('text 2 null'); return false; } if(document.getElementById('num1').value == ""){ alert('select 2 null'); return false; } } }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง