ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้
ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้


สอบถามเรื่องการเขียนradio button เช็คค่าเลข10 หลักกับ13 หลักหน่อยคะ

ถาม-ตอบ แนะนำไอเดีย โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเรื่องการเขียนradio button เช็คค่าเลข10 หลักกับ13 หลักหน่อยคะ

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

สอบถามเรื่องการเขียนradio button เช็คค่าเลข10 หลักกับ13 หลักหน่อยคะ
ต้องการเช็คเมื่อ คลิกที่ radio เลือกประเภทบัตร คือบัตรข้าราชการซึ่ง มี10 หลัก กับบัตรประชาชน13 หลัก โดย มีtextbox รับค่า จากradio ที่เราเลือก เราจะเขียนโค๊ดดักหลักเลขของบัตร2บัตรยังไงคะ


Tanyarat Tepsanta 16-08-2016 22:35:14

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

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


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • CAPTCHA Image
    Play CAPTCHA Audio
    Refresh Image


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

 ความคิดเห็นที่ 1
 นึกไม่ออก ดักหลักเลขของบัตรคือ?

ลองดูประมาณนี้เป็นแนวทาง

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

<div  style="margin:auto;width:700px;">
  <form action="" method="post" name="form_demo" id="form_demo">
    <p>
      <input type="radio" name="type_card" id="radio" value="10" checked="checked">
      A
      <input type="radio" name="type_card" id="radio2" value="13">
    B</p>
    <p>
      <input name="card_no" type="text" id="card_no" style="width:200px;" maxlength="10">
    </p>
  </form>
</div>
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>    
<script type="text/javascript">
$(function(){
	// ถ้าเลือกปุ่ม radio ไหน
	$(":radio[name='type_card']").on("click",function(){
		var maxL = $(this).val(); // เอาค่า value ของ rado นั้นมาไว้กำหนดความยาวสูงสุดของ textbox
		$("#card_no").val(""); // ล้างค่า textbox กรอกข้อมูลใหม่
		$("#card_no").focus(); // เลื่อน cursor ไปที่ textbox
		$("#card_no").attr("maxlength",maxL); // กำหนดการจำกัดความยาวที่สามารถกรอกได้ ตามค่า maxL ด้านบน
	});
});   
</script>
</body>


A B





ninenik 16-08-2016






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ