Post archive
Tag: checkbox
-
จัดการข้อมูลในฟอร์มด้วย .val()
คำสั่ง val() นี่ถือว่าเป็นคำสั่งเด็ดดวงเลยก็ว่าได้ เพราะเราคือผู้ทำเว็บแอพพลิเคชั่น ย่อมหลีกหนีไม่พ้น เรื่องตรวจสอบฟอร์มว่าป้อนไม่ป้อน ติ๊กไม่ติ๊ก บังคับให้ต้องป้อนข้อมูลหรือไม่ เป็นต้น ถ้าเทียบกับ javascript เดิม คำสั่งนี้จะเทียบได้กับ document.form1.textbox_name.valuedocument.form1.textbox_name.value ย๊าวยาว… คำสั่ง val() นี้คำสั่งเดียว สามารถใช้ได้ทั้ง ดึงค่าและกำหนดค่า เรามาดูรายละเอียดกันครับ ว่าใช้งานอย่างไร val() parameter : none คำสั่งนี้ใช้สำหรับดึงค่า value ออกมาจากคอนโทรลในฟอร์ม จำพวก textbox , checkbox , listbox เป็นต้น ตัวอย่างการใช้งาน Live Demo
READ MORE -
วิธีการตรวจสอบ checkbox ด้วย jQuery
เช็กบ้อกมี attribute ตัวหนึ่งที่จะเป็นตัวบอกว่า ตัวมันเองถูกติ๊กเลือกหรือเปล่า คือ checked ถ้าหากว่าผู้ใช้ติ๊กเครื่องหมายถูก checked จะมีค่าเท่ากับ true ถ้าไม่ถูกเช็กจะมีค่าเท่ากับ false jQuery นั้นมีคำสั่งดึงค่าค่าจาก attribute ของคอนโทรลตัวไหนๆ ก็ตามง่ายๆ ดูตัวอย่าง Live Demo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <title>jquery checkbox checked</title> <script type="text/javascript"> $(document).ready(function(){ $(‘#button’).click(function(){ alert( $(‘#checkbox’) .attr( ‘checked’ ) ); }); […]
READ MORE -
ลบฐานข้อมูลด้วย checkbox
ผมเคยเขียนบทความแบบนี้มาครั้งนึงแล้ว http://www.select2web.com/php/how-to-delete-multi-row.html แต่ก็จะเขียนอีกครั้ง เผื่อว่าบทความนั้นยังไม่อาจสร้างความกระจ่างให้แก่ท่านได้อย่างชัดเจน มีมากดีกว่ามีน้อยเนอะ อาหารแบบเดียวกันที่แม่ครัวปรุงในแต่ละครั้ง รสชาติแตกต่างกัน บทความที่ผมปรุงขึ้นมาแต่ละครั้ง ถึงเรื่องเดียวกันก็ตาม รสชาติก็แตกต่างกัน เผื่อว่าบทความอันใหม่จะถูกลิ้นท่านมากกว่า การลบข้อมูลโดยใช้ checkbox เป็นตัวเลือกนั้น หลักการอยู่ที่ เราจะสร้าง checkbox ให้เป็น Array และค่าที่เก็บใน checkbox แต่ละตัวก็จะเป็น primary key ของตาราง เวลาส่งข้อมูลไปยังหน้าที่มีโค้ดสำหรับลบ เราก็ลูปเอาค่าออกจาก checkbox Array ของเรา ก็จะได้ค่าที่ต้องการลบออกมาทั้งหมด
READ MORE -
คุณต้องเลือกอย่างน้อย 1 ตัว ด้วย jQuery
ความต้องการของเหตุการณ์ครั้งนี้มีอยุ่ว่า ทำระบบลงทะเบียนรับข่าวสาร และมีตัวเลือกให้เขาเลือกว่าจะรับข่าวสาร อะไร แบ่งเป็นหมวดๆ หรือจะเลือกรับมากกว่า 1 หมวด ได้ การเขียน jQuery เช็กจะเป็นดังนี้ 1 2 3 4 5 if( !(jQuery("input[type=’checkbox’]:checked").val() == 1) ){ message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือกn"; alert( message ); return false; }if( !(jQuery("input[type=’checkbox’]:checked").val() == 1) ){ message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือกn"; alert( message ); return false; } 8 9 […]
READ MORE -
การตรวจดูว่า checkbox เป้าหมาย ถูก checked หรือไม่ ด้วย jQuery
ของบางอย่างสำหรับบางคน ดูว่าง่าย ของบางอย่างสำหรับบางคนดูว่ายาก ของบางอย่างสำหรับบางคน หากันเป็นวัน กว่าจะได้ เมื่อได้มาแล้ว ก็เก็บไว้ดูเองสักหน่อย คือความต้องการ มีอยู่ว่า อยากรู้ว่า checkbox ตัวหนึ่งที่เราเตรียมไว้ ถูก user ติ๊กเลือกหรือเปล่า ถ้าติ๊กเลือกจะได้ให้เขาป้อน ข้อมูลใน textbox ที่เตรียมไว้ด้วย ถ้าไม่ติ๊กเลือกก็แล้วไป 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 if ( $( "#administrator_recieve_daily:checked" ).val() == 1 ) { //+ ตรวจสอบอีเมล์ว่าถูกต้องหรือไม่ if( […]
READ MORE
