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

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

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

SOA,Java,XSLT

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

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

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

ลง Apserv แล้วค้างตรง service mysql ถามเมื่อ (2018-07-22) 213 views (ดูล่าสุดเมื่อ 5 นาที)

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

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

Oracle INSTR SQL Function ตัวนี้ใช้งานยังไง มาดูกัน ถามเมื่อ (2015-10-20) 1,428 views (ดูล่าสุดเมื่อ 55 นาที)

Java script parseInt ขึ้นต้นด้วยเลข 0 ทำอย่างไร ถามเมื่อ (2015-12-29) 591 views (ดูล่าสุดเมื่อ 65 นาที)

hashmap กับ hashing เหมือนกันป่ะคะ ถามเมื่อ (2015-09-25) 633 views (ดูล่าสุดเมื่อ 88 นาที)

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

YEOMAN คืออะไร หาคำตอบได้ที่นี่ ถามเมื่อ (2015-09-30) 665 views (ดูล่าสุดเมื่อ 95 นาที)

วิธี Call REST full ด้วย Java Client ถามเมื่อ (2017-06-01) 1,100 views (ดูล่าสุดเมื่อ 104 นาที)

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