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

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

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

SOA,Java,XSLT

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

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

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

ORACLE alter table not null ยังไงครับ ถามเมื่อ (2017-11-10) 108 views (ดูล่าสุดเมื่อ 2 นาที)

Jasper report คืออะไร ต่างจาก iReport อย่างไร ถามเมื่อ (2015-08-23) 2,957 views (ดูล่าสุดเมื่อ 12 นาที)

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

คําสั่ง sql คืออะไรคะ ต่างจาก PLSQL ยังไง ถามเมื่อ (2011-06-24) 1,852 views (ดูล่าสุดเมื่อ 12 นาที)

PLSQL Replace String ด้วยคำสั่ง REGEXP_REPLACE ถามเมื่อ (2016-11-29) 481 views (ดูล่าสุดเมื่อ 13 นาที)

Jboss แก้ปัญหา Thread เต็ม JBWEB003008 Maximum number of threads ถามเมื่อ (2016-04-22) 512 views (ดูล่าสุดเมื่อ 15 นาที)

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

JSF 2 0 Tutorial ตัวอย่างพร้อมวิธีการ Step by Step ถามเมื่อ (2014-06-15) 2,455 views (ดูล่าสุดเมื่อ 46 นาที)

Bootstrap การจัดการ grid เพื่อให้รองรับกับหน้าจอทุกขนาด xs sm md lg ถามเมื่อ (2017-12-04) 98 views (ดูล่าสุดเมื่อ 89 นาที)

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