<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>123</title> <script> function checkSmoke(temp) { if(temp == '1'){ document.getElementById("name").disable = true; }else if(temp == '2'){ document.getElementById("name").disabled = false; } } </script> </head> <body> <p> ตอนที่1 <input type="radio" name="num" id="num" value="1" onClick="JavaScript:checkSmoke(this.value);" /> ไม่สูบ <input type="radio" name="num" id="num" value="2" onClick="JavaScript:checkSmoke(this.value);" /> เคยสูบ <p>ตอนที่2 <input type="radio" name="name" id="name" value="a" disabled="disabled" onClick="JavaScript:checkSmoke(this.value);" /> 1 <input type="radio" name="name" id="name" value="b" disabled="disabled" onClick="JavaScript:checkSmoke(this.value);" /> 2 <input type="radio" name="name" id="name" value="c" disabled="disabled" onClick="JavaScript:checkSmoke(this.value);" /> 3 </p> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>Enable Disable Radio button Text box in javascript</title> </head> <script> function chMd() { for(var i=0;i<document.forms[0].elements.length;i++) { //---เริ่มคำสั่ง if //เช็คข้อที่1 if(document.forms[0].elements[i].value=="T") { if(document.forms[0].elements[i].checked==true){ document.forms[0].sRadio[0].disabled=true; document.forms[0].sRadio[1].disabled=true; document.forms[0].sRadio[2].disabled=true; document.forms[0].sRadio[3].disabled=true; } } //เช็คข้อที่2 else if(document.forms[0].elements[i].value=="R") { if(document.forms[0].elements[i].checked==true){ document.forms[0].sRadio[0].disabled=false; document.forms[0].sRadio[1].disabled=false; document.forms[0].sRadio[2].disabled=false; document.forms[0].sRadio[3].disabled=false; } } //เช็คข้อที่1 ตอนที่ 3 else if(document.forms[0].elements[i].value=="Y") { if(document.forms[0].elements[i].checked==true){ document.forms[0].cRadio[0].disabled=false; document.forms[0].cRadio[1].disabled=false; document.forms[0].cRadio[2].disabled=false; } } //เช็คข้อที่2 ตอนที่ 3 else if(document.forms[0].elements[i].value=="O") { if(document.forms[0].elements[i].checked==true){ document.forms[0].cRadio[0].disabled=false; document.forms[0].cRadio[1].disabled=false; document.forms[0].cRadio[2].disabled=false; } } //เช็คข้อที่3 ตอนที่ 3 else if(document.forms[0].elements[i].value=="Z") { if(document.forms[0].elements[i].checked==true){ document.forms[0].cRadio[0].disabled=true; document.forms[0].cRadio[1].disabled=true; document.forms[0].cRadio[2].disabled=true; } } //---จบวนลูป } } </script> <body> <form name="fRadio"> <p><strong>คำถามตอนที่1</strong> <input name="dOption" value="T" onClick="chMd()" type="radio"> ข้อ1 <font color="#FF0000">(ไม่ต้องตอบคำถามตอนที่2)</font> <input name="dOption" value="R" onClick="chMd()" type="radio"> ข้อ2 </p> <p><strong>คำถามตอนที่2</strong> <input name="sRadio" value="A" disabled="disabled" type="radio"> Radio A <input name="sRadio" value="B" disabled="disabled" type="radio"> Radio B <input name="sRadio" value="C" disabled="disabled" type="radio"> Radio C <input name="sRadio" value="D" disabled="disabled" type="radio"> Radio D </p> <p><strong>คำถามตอนที่3</strong> <input name="cOption" value="Y" onClick="chMd()" type="radio"> ตอบข้อ1 <input name="cOption" value="O" onClick="chMd()" type="radio"> ตอบข้อ2 <input name="cOption" value="Z" onClick="chMd()" type="radio"> ตอบข้อ3 <font color="#FF0000">(ไม่ต้องตอบคำถามตอนที่4)</font></p> <p><strong>คำถามตอนที่4</strong> <input name="cRadio" value="E" disabled="disabled" type="radio"> ช้อย A <input name="cRadio" value="F" disabled="disabled" type="radio"> ช้อย B <input name="cRadio" value="G" disabled="disabled" type="radio"> ช้อย C </p> <p> <input name="goServer" value="Go" type="button"> </p> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง