PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

โดย:  Tanyarat Tepsanta IP: 14.207.219.xxx วันที่: 16-08-2016 เวลา: 22:35:14

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 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 IP: 1.47.5.xxx วันที่: 16-08-2016