แจก Code jQuery วิธีกำหนดค่า checked ให้กับ radio หรือ select box  สร้างคำถาม

 96 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 15/06/2017

ตัวอย่างการ set ค่า checked หรือ selected ให้กับ radio box หรือ select box
โดยการใช้ jQuery แบบง่ายๆ บ้านๆครับ
จากตัวอย่างสมมุติเรามี input ที่เป็น radio อยู่ 2 ตัวคือ prefix และ sex
และก็มี select box อยู่ 1 ตัว ชื่อ status วิธีการกำหนดค่า checked ก็ง่ายๆ ตามนี้

//เอาค่าจาก database หรือจากตัวแปรมากำหนดไว้ก่อน
var prefix_checked="2";
var sex_checked="1";
var status_checked="9";
//ใช้ jQuery กำหนดค่า selected เข้าไปได้เลย
$(document).ready(function(){
$("input[name=prefix][value=" + prefix_checked + "]").attr('checked', 'checked');
$("input[name=sex][value=" + sex_checked + "]").attr('checked', 'checked');
$("#status").val(status_checked).change();
});

จากตัวอย่างนี้ตอนหา radio box ผมไม่ได้ กำหนด ID หรือ class เอาไว้
เลยใช้วิธี selector จาก input name และ value
ส่วน select box ได้มีการกำหนด id เอาไว้เลยใช้วิธี selector แบบใช้ # นั่นเอง


ถ้าชอบบทความนี้ กด Like เลย :แจก Code jQuery วิธีกำหนดค่า checked ให้กับ radio หรือ select box
TAGS : Javascript   Jquery   Programming   โปรแกรมมิ่ง  
 96 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 15/06/2017



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่

#1.    เอก
@ select box ใช้ val().change ได้เลยเหรอครับ ง่ายดีแท้

...............................................



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

เนื้อหาที่เกี่ยวช้อง

  แจก Code jQuery วิธีการจัดการกับ checkbox ถามเมื่อ (2017-06-15)   99 views  (ดูล่าสุดเมื่อ 3 นาที)

  jQuery each data จาก Json แบบ Array ซ้อน Array ถามเมื่อ (2017-06-13)   99 views  (ดูล่าสุดเมื่อ 11 นาที)

  CodePro สุดยอด tools แห่ง code coverage ถามเมื่อ (2013-07-12)   1,628 views  (ดูล่าสุดเมื่อ 17 นาที)

  jQuery file upload ด้วย AJAX บน Semantic UI ถามเมื่อ (2017-06-16)   116 views  (ดูล่าสุดเมื่อ 18 นาที)

  เขียน PL SQL ให้แสดง error message ยังไงครับ ถามเมื่อ (2015-08-23)   1,560 views  (ดูล่าสุดเมื่อ 23 นาที)

  Java script sort Text ผมเรียงแล้วเจอปัญหาครับ Z มาก่อน m ถามเมื่อ (2012-09-12)   1,465 views  (ดูล่าสุดเมื่อ 46 นาที)

  Hibernate Call PLSQL โดยใช้ createStoredProcedureCall ถามเมื่อ (2017-06-01)   437 views  (ดูล่าสุดเมื่อ 69 นาที)

  Vector ต่างจาก Array List ยังไงครับ ถามเมื่อ (2011-06-23)   1,960 views  (ดูล่าสุดเมื่อ 117 นาที)

  WAMP stack คืออะไร ต่างจาก LAMP Stack อย่างไร ถามเมื่อ (2015-09-29)   677 views  (ดูล่าสุดเมื่อ 157 นาที)

  แนะนำ เว็บจัด Format SQL Command ให้ดูง่ายๆ ถามเมื่อ (2017-03-03)   483 views  (ดูล่าสุดเมื่อ 184 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com