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

 2,277 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 01/06/2019

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

ตัวอย่างการ 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   โปรแกรมมิ่ง  
 2,277 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 01/06/2019



SOA,Java,XSLT

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




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

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

  Full stack developer คืออะไร ถามเมื่อ (2020-01-24)   5,065 views  (ดูล่าสุดเมื่อ 3 นาที)

  ไฟล์แบบ WebP ดีอย่างไร ถามเมื่อ (2020-01-29)   3,189 views  (ดูล่าสุดเมื่อ 6 นาที)

  PLSQL วิธี ตัดเคาะ Enter ออก ลองใช้ trim แล้วไม่ได้ ถามเมื่อ (2017-03-03)   2,968 views  (ดูล่าสุดเมื่อ 9 นาที)

  วิธี Add Classpath iReport เพื่อ Connect database Oracle ผ่าน JDBC ถามเมื่อ (2018-10-08)   3,129 views  (ดูล่าสุดเมื่อ 10 นาที)

  Oracle SQL Command แก้ปัญหา Null Value กรณี Sum แล้วไม่มี Data ถามเมื่อ (2015-08-23)   2,643 views  (ดูล่าสุดเมื่อ 15 นาที)

  Ireport วิธีส่ง Parameter เข้า Subreport ถามเมื่อ (2018-12-17)   3,124 views  (ดูล่าสุดเมื่อ 22 นาที)

  Oracle PLSQL แก้ปัญหา Query ใน function ช้ากว่า Query ปรกติด้วย DETERMINISTIC Hint ถามเมื่อ (2017-06-01)   2,105 views  (ดูล่าสุดเมื่อ 26 นาที)

  HTML เบื้องต้น เขียนเว็บให้เป็นง่ายๆ กับ Tag ที่จำเป็น ถามเมื่อ (2012-07-24)   2,766 views  (ดูล่าสุดเมื่อ 28 นาที)

  เทคนิค ตั้ง crontab ให้ run ทุกๆ 15 วินาที ถามเมื่อ (2016-09-13)   3,033 views  (ดูล่าสุดเมื่อ 36 นาที)

  Java Gen Excel ด้วย POI ขอตัวอย่าง ง่ายๆ ครับ ถามเมื่อ (2019-04-07)   3,354 views  (ดูล่าสุดเมื่อ 36 นาที)


 

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