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

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

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

SOA,Java,XSLT

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

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

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

Javascript เช็คขนาด file size ตอน upload ถามเมื่อ (2017-03-03) 845 views (ดูล่าสุดเมื่อ 39 นาที)

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

SQL Command Mysql nvl เช็ค null เหมือน Oracle ยังไง ถามเมื่อ (2018-07-04) 66 views (ดูล่าสุดเมื่อ 61 นาที)

SVN ติดปัญหา org apache subversion javahl ClientException The working copy needs to be upgraded ถามเมื่อ (2016-07-21) 511 views (ดูล่าสุดเมื่อ 98 นาที)

ng model ใน AngularJS คือ อะไร ถามเมื่อ (2015-06-18) 638 views (ดูล่าสุดเมื่อ 113 นาที)

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

PHP File Upload ขอตัวอย่ง PHP File Upload ด้วยครับ ถามเมื่อ (2011-07-25) 1,594 views (ดูล่าสุดเมื่อ 124 นาที)

Spring 4 เจอ error java lang ClassNotFoundException org springframework orm hibernate3 annotation AnnotationSessionFactoryBean ถามเมื่อ (2017-03-24) 644 views (ดูล่าสุดเมื่อ 124 นาที)

XSL กับ XSLT ต่างกันยังไง ทำความรู้จักกับ XSL และ XSLT ถามเมื่อ (2014-05-27) 1,522 views (ดูล่าสุดเมื่อ 166 นาที)

Hibernate Query SQL โดยไม่ใช้ mapping ถามเมื่อ (2015-08-23) 842 views (ดูล่าสุดเมื่อ 166 นาที)