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

 147 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   โปรแกรมมิ่ง  
 147 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 15/06/2017



SOA,Java,XSLT

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

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

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



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

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

  รหัส Error ที่ผู้ใช้เว็บควรรู้ มีอะไรบ้าง ถามเมื่อ (2016-11-02)   321 views  (ดูล่าสุดเมื่อ 1 นาที)

  datatable page select row วิธีปิด select row per page แบบให้ paging ยังอยู่ ถามเมื่อ (2017-06-01)   269 views  (ดูล่าสุดเมื่อ 6 นาที)

  PHP Codeigniter วิธี get Pimarykey แบบ auto increment หลังจากการ Save ล่าสุด ถามเมื่อ (2017-06-12)   107 views  (ดูล่าสุดเมื่อ 9 นาที)

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

  Oracle คำนวณ อายุ จากวันเกิด ถามเมื่อ (2016-06-05)   564 views  (ดูล่าสุดเมื่อ 30 นาที)

  Elasticsearch คืออะไร ถามเมื่อ (2015-09-30)   607 views  (ดูล่าสุดเมื่อ 100 นาที)

  แนะนำ Scala ภาษาที่ Run บน JVM ได้เหมือน Java ถามเมื่อ (2017-03-08)   4,942 views  (ดูล่าสุดเมื่อ 107 นาที)

  การจัดการ Transaction บน Hibernate ถามเมื่อ (2012-05-16)   1,649 views  (ดูล่าสุดเมื่อ 160 นาที)

  ปัดทศนิยม ใน PL SQL Function CEIL FLOOR ROUND ต่างกันยังไง ถามเมื่อ (2011-07-26)   2,739 views  (ดูล่าสุดเมื่อ 208 นาที)

  Compile ตัวอย่าง Wordcount บน Hadoop 2 ยังไงครับ ถามเมื่อ (2014-08-28)   1,779 views  (ดูล่าสุดเมื่อ 244 นาที)


 

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