Check ค่าว่างจาก Radio button

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา Check ค่าว่างจาก Radio button

Check ค่าว่างจาก Radio button

ผมต้องการ check ค่าว่าง จาก Radio button ครับบ code ที่ผมนำมาประยุกต์ มันไช้ไม่ได้ครับบ

 

รบกวนพี่ ninenik ช่วยผมทีนะครับ
 

<html>
<head>
<title>Test checkbox</title>
</head>
<body>
<script language="JavaScript">
function fncSubmit()
{
var Rows = document.frmMain.hdnRows.value;
 
{
var op1 = document.getElementById("1");
var op2 = document.getElementById("2");
var op3 = document.getElementById("3");
var op4 = document.getElementById("4");
var op5 = document.getElementById("5");
var op5 = document.getElementById("6");
var op5 = document.getElementById("7");
var op5 = document.getElementById("8");
var op5 = document.getElementById("9");
var op5 = document.getElementById("10");
 
if(op1.checked == false && op2.checked == false && op3.checked == false && op4.checked == false && op5.checked == false && op6.checked == false && op7.checked == false && op8.checked == false && op9.checked == false && op10.checked == false)
{
alert('Please select Radio');
return false;
}
}
 
}
</script>
 
 
 
<form name="frmMain" method="post" action="" OnSubmit="return fncSubmit();">
  <p>Radio 1
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
  </p>
  <p>Radio 2
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
  </p>
  <p>Radio 3
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
  </p>
  <p>Radio 4
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
  </p>
  <p>Radio 5 
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
  </p>
  <p>Radio 6
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
  </p>
  <p>Radio 7
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
  </p>
  <p>Radio 8
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
  </p>
  <p>Radio 9
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
  </p>
  <p>Radio 10
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
  </p>
  <p>&nbsp;</p>
  <p>
  
    <input name="btnSubmit" type="submit" value="Submit" >
  </p>
</form>
</body>
</html>


Hanakobz112 09-09-2014 13:12:59

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
<html>
<head>
<title>Test checkbox</title>
</head>
<body>
<script language="JavaScript">
function fncSubmit()
{
var Rows = document.frmMain.hdnRows.value;
 
{
var op1 = document.getElementById("1");
var op2 = document.getElementById("2");
var op3 = document.getElementById("3");
var op4 = document.getElementById("4");
var op5 = document.getElementById("5");
var op6 = document.getElementById("6");
var op7 = document.getElementById("7");
var op8 = document.getElementById("8");
var op9 = document.getElementById("9");
var op10 = document.getElementById("10");
 
if(op1.checked == false && op2.checked == false && op3.checked == false && op4.checked == false && op5.checked == false && op6.checked == false && op7.checked == false && op8.checked == false && op9.checked == false && op10.checked == false)
{
alert('Please select Radio');
return false;
}
}
 
}
</script>
 
 
 
<form name="frmMain" method="post" action="" OnSubmit="return fncSubmit();">
  <p>Radio 1
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
  </p>
  <p>Radio 2
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
  </p>
  <p>Radio 3
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
  </p>
  <p>Radio 4
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
  </p>
  <p>Radio 5 
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
  </p>
  <p>Radio 6
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
  </p>
  <p>Radio 7
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
  </p>
  <p>Radio 8
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
  </p>
  <p>Radio 9
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
  </p>
  <p>Radio 10
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
  </p>
  <p>&nbsp;</p>
  <p>
  
    <input name="btnSubmit" type="submit" value="Submit" >
  </p>
</form>
</body>
</html>


ก้อยังไม่ได้ครับ


hanakobz112 09-09-2014 13:25
 ความคิดเห็นที่ 2
ใช้ jquey ช่วย พยายามใช้ css class แทน id
กำหนด id ให้กับ form 
กำหนด css class ให้กับแท็ก p ที่คลุม radio แต่ละชุด ใส่ให้ครบ 
 
แนะนำศึกษา jquery จะทำให้การใช้งาน javascript เป็นเรื่องง่าย 
 
ตัวอย่าง
 

Radio 1

Radio 2

Radio 3

Radio 4

Radio 5

Radio 6

Radio 7

Radio 8

Radio 9

Radio 10

 

 
โค้ดทั้งหมด
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
</head>
<body>
   
    <br>
    <div style="margin:auto;width:80%;">
 
<form id="frmMain" name="frmMain" method="post" action="">
  <p class="question">Radio 1
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
    <input name="1" type="radio" id="1" value="Y">
  </p>
  <p class="question">Radio 2
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
    <input name="2" type="radio" id="2" value="Y">
  </p>
  <p class="question">Radio 3
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
    <input name="3" type="radio" id="3" value="Y">
  </p>
  <p class="question">Radio 4
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
    <input name="4" type="radio" id="4" value="Y">
  </p>
  <p class="question">Radio 5 
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
    <input name="5" type="radio" id="5" value="Y">
  </p>
  <p class="question">Radio 6
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
    <input name="6" type="radio" id="6" value="Y">
  </p>
  <p class="question">Radio 7
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
    <input name="7" type="radio" id="7" value="Y">
  </p>
  <p class="question">Radio 8
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
    <input name="8" type="radio" id="8" value="Y">
  </p>
  <p class="question">Radio 9
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
    <input name="9" type="radio" id="9" value="Y">
  </p>
  <p class="question">Radio 10
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
    <input name="10" type="radio" id="10" value="Y">
  </p>
  <p>&nbsp;</p>
  <p>
  
    <input name="btnSubmit" type="submit" value="Submit" >
  </p>
</form>
   
    </div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
<!--<script type="text/javascript" src="script.js"></script>    -->

<script type="text/javascript">
$(function(){

    // กำหนดคำสั่งการทำงานเมื่อ ฟอร์มถูก submit
    $("form#frmMain").on("submit",function(){
        // หาจำนวนข้อทั้งหมด จาก css class ที่เพิ่มในแท็ก p
        var numQue=$(".question").length;
        var numCheck=0; // กำหนดค่าเริ่มต้น สำหรับนับว่ามีการเลือกไปกี่อัน
        $(".question").each(function(k,v){// วนลูปในแท็ก p แต่ละอัน
            // เก็บค่าจำนวน radio ที่ถูกเลือก ไว้ในตัวแปร หากไม่ด้เลือก จะเท่ากับ 0
            var radioChecked=$(".question").eq(k).find(":radio:checked").length;
            numCheck+=radioChecked; // เอาจำนวนที่ได้บวกเพิ่ม การนับครั้งแรก
        });
        if(numCheck!=numQue){ // เปรียบเทียบ ว่ามีการเลือก radio ครบตามจำนวนหรือไม่
            alert('Please select Radio');
            return false;
        }
    });

});
</script>

</body>
</html>
 


ninenik 09-09-2014
 ความคิดเห็นที่ 3
ขอบคุนคร้าบบบบบบบ มาที ไร ได้คำตอบบ ทุกที .. ^^


hanakobz112 09-09-2014 14:48
 ความคิดเห็นที่ 4

พี่นิกครับแล้ว กรณี เปนตารางแบบนี้อะครับ ผมลองแล้ว code ผมมัน เชคเปน ไห้เลือกตลอดเลย แต่ พอนอกตารางกลับได้

เช่น

 

<tr>
                <td width="50%" height="40" bgcolor="#FFFFFF" style="padding-left:15px;">3. ท่านมีความพอใจกับการแก้ไขปัญหาของระบบ Email จากแผนก IT</td>
                  <p class="question">
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="10">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="9">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="8">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="7">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="6">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="5">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="4">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="3">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="2">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="1">
                      </div></td>
                     </p>
                    </tr>


ผมควร ใช้ยังไงครับ


hanakobz112 25-09-2014 10:25
 ความคิดเห็นที่ 5
เอ่อ ทำไมไปวางแท็ก p ไว้ในตาราแบบนั้นหละ เอาแท็ก p ออก แล้วเอา css class ไปไว้ใน tr แทน

<tr   class="question"  >
                <td  width="50%" height="40" bgcolor="#FFFFFF" style="padding-left:15px;">3. ท่านมีความพอใจกับการแก้ไขปัญหาของระบบ Email จากแผนก IT</td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="10">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="9">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="8">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="7">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="6">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="5">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="4">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="3">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="2">
                      </div></td>
                      <td valign="center" bgcolor="#FFFFFF"><div align="center">
                          <input type="radio" name="radio31" id="3" value="1">
                      </div></td>
                    </tr>




ninenik 25-09-2014
 ความคิดเห็นที่ 6
โอสสสสสส์  ขอบคุนน ครับบบบบ T^T   


hanakobz112 25-09-2014 11:37
1







สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet
หรือ
Terms of Service | Privacy Policy
Author
2024 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ