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

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

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


Tanyarat Tepsanta 14.207.219.xxx 16-08-2016 22:35:14

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

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


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


  • ( หรือ เข้าใช้งานผ่าน 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 1.47.5.xxx 16-08-2016






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