ข่าวสาร
url คืออะไร
url คืออะไร
   เว็บไซต์ที่พวกเราเข้ากัน เพื่อนๆสังเกตุหรือไม่ว่า แต่ละเว็บไซต์จะมีชื่อเว็บที่ไม่ซ้ำกัน ซึ่งชื่อเว็บไซต์เหล่านั้น มีการระบุที่อยู่ซึ่งเรียกว่า URL
ASUS Memo Pad แท็บเล็ต 7 นิ้ว ราคาเอื้อมถึง
ASUS Memo Pad แท็บเล็ต 7 นิ้ว ราคาเอื้อมถึง
   ASUS Memo Pad สร้างสรรค์มาเฉพาะสำหรับผู้ที่ต้องการแท็บเล็ตในราคาคุ้มค่า แต่ยังทำงานได้อย่างราบรื่นด้วยโปรเซสเซอร์ความเร็ว 1 GHz
Clash of Clans เกมวางแผนกลยุทธบุกโจมตี | Android Apps
Clash of Clans เกมวางแผนกลยุทธบุกโจมตี | Android Apps
   แอพพลิเคชั่นClash of Clans เปิดให้ดาวน์โหลดฟรีโดยAndroid Apps ถือเป็นแอพพลิเคชั่นเกมสร้างฐานทัพและกองกำลัง เพื่อบุกโจมตีผุ้เล่นคนอื่นๆ
เดลล์ เปิดตัว Vostro 5460 การผสมผสานสุดยอดเทคโนโลยี
เดลล์ เปิดตัว Vostro 5460 การผสมผสานสุดยอดเทคโนโลยี
   เดลล์คอร์ปอเรชั่น(ประเทศไทย) ทำการจัดงานแถลงข่าวเปิดตัว Vostro 5460 ภายใต้คอนเซปต์ "Achievement Society" เพื่อตอบโจทย์ไลฟ์สไตล์
ASUS K46 Series โน้ตบุ๊คตระกูล K
ASUS K46 Series โน้ตบุ๊คตระกูล K
   ASUS K46 Series ทรงพลังด้วย 3rd generation Intel Core i7 processor และกราฟิกการ์ด NIVIDIA GeForce GT 740 (Windows8)
โน๊ตบุ๊ค รุ่นต่างๆ กล้องประเภทต่างๆ

วีดีโอน่ารู้ : โปรเจค12นักษัตริย์ 12ราศี Project C#


แจกโปรเจคPHPฟรี

โปรแกรมที่เขียน >> โปรแกรมที่เขียนโดยภาษา PHP >> โปรแกรมแสดงข้อมูลด้วยฟังก์ชั่นOnClick Radio (javascript)

โปรแกรมแสดงข้อมูลด้วยฟังก์ชั่นOnClick Radio (javascript) 

โปรแกรมแสดงข้อมูลด้วยฟังก์ชั่นOnClick Radio (javascript)

อัพเดทวันที่: 21 ก.ค. 2558

โปรแกรมแสดงข้อมูลด้วยฟังก์ชั่นOnClick Radio โดยใช้javascript ในการประมวลผลข้อมูล เพื่อแสดงตารางจากสิ่งที่เลือก ซึ่งฟังก์ชั่นนี้จะแสดงข้อมูลในตารางที่กำหนดโดยไม่ต้องโหลดหน้าใหม่ เป็นอีกหนึ่งฟังก์ชั่นพื้นฐานเล็กๆที่สามารถนำไปศึกษาได้ ซึ่งผู้ศึกษาสามารถนำไปปรับใช้ได้ง่ายๆ โดยศึกษาได้เลย

วีดีโอ

index.php

<!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=utf-8" />
<title>ตัวอย่าง ฟังก์ชั่นOnClick Radio (javascript)</title>
</head>


<script>
function show_table(id){
    var radio=document.getElementById("radio_check").checked;
    
    if(id == 1){

        document.getElementById("table_1").style.display = "";
        document.getElementById("table_2").style.display = "none";

    }    
    else if(id == 2) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2
    
        document.getElementById("table_1").style.display = "none";
        document.getElementById("table_2").style.display = "";

   }
}
</script>


<body>
        <table align="center" width="800" border="1" >
        <tr>
             <td colspan="2" align="center"><h1>โปรแกรมแสดงข้อมูลด้วยฟังก์ชั่นOnClick Radio (javascript)</h1></td>
        </tr>
        <tr>
            <td valign="top" align="right"><h2 style="color:#F00;"><b>ประโยชน์ของ... ?</b></h2></td>
            <td align="left">
                <input type="radio" name="q_type" id="radio_check" onClick="show_table(this.value);" value="1"  >
                คอมพิวเตอร์<br />
               <input type="radio" name="q_type" id="radio_check" onClick="show_table(this.value);" value="2"  />
                ภาษาอังกฤษ

                                
             </td>
         </tr>
         <tr>
             <td colspan="2">
                  <table width="100%" border="0" cellpadding="0" id="table_1" style="display:none">  
                  <tr>
                     <td>1.ทำให้ค้นหาข้อมูลได้มากขึ้นจากการใช้อินเทอร์เน็ต<br />
                         2.ทำให้เกิดสายงานในด้านต่างๆ เช่น สายงานด้านกราฟฟิก สายงานซ่อมคอมพิวเตอร์<br />
                     
                     </td>
                  </tr>
                  </table>
                  <table width="100%" border="0" cellpadding="0" id="table_2" style="display:none">
                  <tr>
                     <td>1.ใช้ในการสื่อสารกับคนชาติอื่น <br />
                         2.ใช้ในการอ่านหนังสือ Text ภาษาต่างประเทศ เปิดความรู้ให้ไกลขึ้น
                     </td>
                  </tr>
                  </table>
             </td>
         </tr>
         </table>                                        
                            
</body>
</html>

ดูตัวอย่างโปรแกรม

เปิดไฟล์โปรแกรม

loginก่อนดาวน์โหลด
กรุณาสมัครสมาชิกหรือlogin ก่อนดาวน์โหลดไฟล์

กดlike เพื่อติดตามข่าวสารและโปรเจค โค้ดใหม่ๆอัพเดทอยู่เสมอ

Tag : ฟังก์ชั่นOnClick Radio โปรแกรมแสดงข้อมูล ฟังก์ชั่น้javascript โค้ดภาษาphp โปรเจคphp เขียนโค้ดphp

แสดงความคิดเห็น

จำนวนหน้า :

โปรดกรอกล็อคอินเข้าสู่ระบบและคอมเม้น เพื่อดาวน์โหลดไฟล์

โปรแกรมคำนวนหาพื้นที่สี่เหลี่ยมผืนผ้า พัฒนาด้วยภาษาphp โปรแกรมคำนวนหาพื้นที่สี่เหลี่ยมผืนผ้า พัฒนาด้วยภาษาphp

โปรแกรมคำนวนหาพื้นที่สี่เหลี่ยมผืนผ้า ถือว่าเป็นโปรแกรมด้านคณิตศาสตร์ที่พัฒนาด้วยภาษาphp โดยเป็นการคำนวณด้วยสูตร ความยาว*ความกว้าง

โปรแกรมคำนวณอัตราผลตอบแทนการลงทุน พัฒนาด้วยภาษาphp โปรแกรมคำนวณอัตราผลตอบแทนการลงทุน พัฒนาด้วยภาษาphp

โปรแกรมคำนวณอัตราผลตอบแทนการลงทุน ถือเป็นการนำสูตรการคำนวณเพื่อหาอัตราผลตอบแทนของเงินลงทุน เพื่อให้ทราบว่าสิ่งที่ลงทุนไป จะได้อัตราผลตอบแทนเป็นกี่%

โปรแกรมคำนวณ บวก ลบ คูณ หาร (type radio) โปรแกรมคำนวณ บวก ลบ คูณ หาร (type radio)

โปรแกรมคำนวณ บวก ลบ คูณ หาร (type radio) เป็นโปรแกรมบวก ลบ คูณ หาร โดยการกรอกข้อมูล 2 ช่อง แล้วเลือกเครื่องหมายดำเนินการ โปรแกรมจะนำค่าที่ได้จากการเลื

หน้าหลัก
ความตั้งใจ
กว่าจะเป็นเว็บไซต์
แผนผังเว็บไซต์

คุยกับผู้ทำเว็บไซต์
-เริ่มต้นสาขาวิทยาการคอมพิวเตอร์
ติดตามข่าวสาร กด Like เลย
เกี่ยวกับเรา
e-mail : support@rangforever.com


ได้รับการสนับสนุนโดย


----
รวบรวมข่าวสารไอที เทคนิคการเขียนโปรแกรมภาษาphp css javascript jsp c# แจกโปรแกรมที่เขียน แจกระบบ แจกโค้ดฟังก์ชันต่างๆ สอนการใช้งานโปรแกรมออฟฟิศ word excel โปรแกรมตกแต่ง ตัดต่อ สร้างภาพ adobe photoshop adobe Illustrater จัดเต็มกับความรู้ในเนื้อหาโปรแกรมเมอร์แบบเจาะลึก พร้อมวีดีโอสอนการใช้งานโปรแกรม การเขียนโปรแกรม เพิ่มความรู้ ปูทักษะการเขียนโปรแกรมแบบฟรีๆ พร้อมเรียนรู้ไปกับเราได้ที่ www.rangforever.com