แจก Code jQuery วิธีการจัดการกับ checkbox  สร้างคำถาม

 319 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 15/06/2017


// สร้าง function สำหรับกำหนดค่า checked ตามข้อมูลที่เคยใส่ไว้
//โดยดึงค่าจาก hidden field ใน format json เช่น [0,1,2,0,4,0]
function initCheck(chkId){
var json = $("#"+chkId).val();
json = jQuery.parseJSON(json);
$.each(json, function(index,val) {
$("#"+chkId+val).prop('checked', true);
});
}
//ทุกครั้งที่มีการ ติ๊ก checkbox ให้ทำการ ใส่ค่าให้ hidden field
function procCheck(chkId){
var txt="[0,"
$("."+chkId).each(function(i){
if($("#"+chkId+(i+1)).is(':checked')){
txt+=$("#"+chkId+(i+1)).val()+",";
}else{
txt+="0,";
}
});
txt+="0]";
$("#"+chkId).val(txt);
}
//ตัวอย่างการเรียกใช้งาน function
$(document).ready(function(){
initCheck("chk");
$(".chk").click(function(){
procCheck("chk");
});
});

ตัวอย่าง TAG HTML ขอเอา tag ออกนะครับเพราะ content ไม่ support

input type="hidden" id="chk" value="[0,1,2,0,4,0]"
input type="checkbox" id="chk1" value="1" class="chk"
input type="checkbox" id="chk2" value="2" class="chk"
input type="checkbox" id="chk3" value="3" class="chk"
input type="checkbox" id="chk4" value="4" class="chk"


ถ้าชอบบทความนี้ กด Like เลย :แจก Code jQuery วิธีการจัดการกับ checkbox
TAGS : Javascript   Jquery   Programming   เขียนโปรแกรม  
 319 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 15/06/2017



SOA,Java,XSLT

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




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

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

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

  Jasperreport เทคนิค การแสดงผล field CLOB Oracle ใน iReport ถามเมื่อ (2018-09-07)   76 views  (ดูล่าสุดเมื่อ 4 นาที)

  Java Hibernate วิธีการ Mapping Oracle to_char ถามเมื่อ (2018-09-26)   102 views  (ดูล่าสุดเมื่อ 4 นาที)

  true_homewifii love you ถามเมื่อ (2012-09-12)   1,326 views  (ดูล่าสุดเมื่อ 9 นาที)

  php ย่อมาจาก หรือ มีคำแปลว่าอะไรครับ ถามเมื่อ (2013-04-23)   1,506 views  (ดูล่าสุดเมื่อ 10 นาที)

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

  ลืมรหัส ที่ตั้งพาสโคตลอค ทำไงดีคะ กดหลายครั้งละผิดตลอด ล่าสุดขุ้นว่าอีกชั่วโมงค่อยกดใหม่ เรยมะกล้าละ กัวลอค ถามเมื่อ (2013-06-26)   1,557 views  (ไม่มีคนดู)

  ขอตัวอย่าง Regular Expression Pattern ที่ใช้งานบ่อยๆ หน่อยครับ ถามเมื่อ (2015-09-29)   2,194 views  (ไม่มีคนดู)

  เขียน โปรแกรม อ่าน Bar Code ยังไงครับใช้ PHP ถามเมื่อ (2012-07-04)   2,399 views  (ไม่มีคนดู)

  PLSQL sub sttring คั่นด้วย | ใช้ REGEXP_SUBSTR ตอบโจทย์ ถามเมื่อ (2017-11-06)   113 views  (ไม่มีคนดู)


 

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