ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

ภาพประจำตัวสมาชิก
Chayyim
PHP Sr. Member
PHP Sr. Member
โพสต์: 79
ลงทะเบียนเมื่อ: 16/05/2012 4:01 pm
ติดต่อ:

ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

โพสต์ที่ยังไม่ได้อ่าน โดย Chayyim »

โค้ด: เลือกทั้งหมด

<?php
	for($i=1;$i<=10;$i++){ ?>
  <input type="submit" name="name_<?=$i;?>" id="name_<?=$i;?>" value="Submit" />
<input name="hid_<?=$i;?>" id="hid_<?=$i;?>" type="hidden" value="<?=$id?>" />
<? } ?>
จากโค้ดด้านบนนะครับ ถ้าเกิดผมจะเขียนสคริป jquery เช็คว่ากดปุ่มไหน ไม่ทราบว่าจะเขียนยังอะครับ คือปกติจะรู้ id ที่แน่นอน ผมก็จะเขียนแบบนี้ครับ

โค้ด: เลือกทั้งหมด

$(function(){
$("#name").click();
});
ตอนนี้คือ ถ้าสร้างปุ่มแบบไดนามิก ผมคิดไม่ออกอะครับ ว่าจะเขียนสคริป jquery ยังไงดีอะครับ ถึงจะรู้ว่ากดปุ่มไหน เพื่อจะได้ส่งค่า hid ที่ถูกต้องครับ
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21999
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ถ้าใช้ jQuery ผมว่าเพิ่ม class เข้าไปจะช่วยให้ทราบ id ที่แน่นอนของปุ่มที่กดครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41243
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ใช้ selector class แบบ
tsukasaz เขียน:ถ้าใช้ jQuery ผมว่าเพิ่ม class เข้าไปจะช่วยให้ทราบ id ที่แน่นอนของปุ่มที่กดครับ
:like:

หรือ attribute name

โค้ด: เลือกทั้งหมด

$("[name^='name_']").***()
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
Chayyim
PHP Sr. Member
PHP Sr. Member
โพสต์: 79
ลงทะเบียนเมื่อ: 16/05/2012 4:01 pm
ติดต่อ:

Re: ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

โพสต์ที่ยังไม่ได้อ่าน โดย Chayyim »

เพิ่ม class ยังไงหรอครับ ขอโค้ดตัวอย่างสักนิดได้ไหมครับ ไม่ค่อยเข้าใจเลยครับ
ภาพประจำตัวสมาชิก
Chayyim
PHP Sr. Member
PHP Sr. Member
โพสต์: 79
ลงทะเบียนเมื่อ: 16/05/2012 4:01 pm
ติดต่อ:

Re: ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

โพสต์ที่ยังไม่ได้อ่าน โดย Chayyim »

ได้แล้วคร๊าบบบ ไม่รู้วิธีเป็นไงนะครับ แต่ใช้ได้ครับ

$('input').click(function(){
$(this).attr('id');
});

ยังไงสองคำตอบด้านบน ขอโค้ดตัวอย่างด้วยได้ไหมครับ ยังอยากรู้อ่าครับ บางทีอาจจะดีกว่าอันนี้ครับ
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41243
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

input จะหมาย ถึง input ทั้งหมดนะครับ!
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21999
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

mindphp เขียน:input จะหมาย ถึง input ทั้งหมดนะครับ!
ตามที่คุณ mindphp บอกครับ input ทั้งหมดจริงๆ ถ้าในฟอร์มมี input ตัวอื่นๆ ด้วย แล้วไปกดคลิกมัน มันก็ไปหมดครับ

ตัวอย่างที่บอกว่าเพิ่ม class นะครับ

โค้ด: เลือกทั้งหมด

<script>
    jQuery(document).ready(function() {
        jQuery('.myclass').click(function() {
            alert(this.id);
            return false;
        });
    });
</script>
<input type="submit" name="name1" id="id1" class="myclass" value="Submit" />
<input type="submit" name="name2" id="id2" class="myclass" value="Submit" />
<input type="submit" name="name3" id="id3" class="myclass" value="Submit" />
ตอนใช้จริงอย่าลืมเอา return false; ออกนะครับ เดี๋ยวจะ submit ไม่ไป :)
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ภาพประจำตัวสมาชิก
Chayyim
PHP Sr. Member
PHP Sr. Member
โพสต์: 79
ลงทะเบียนเมื่อ: 16/05/2012 4:01 pm
ติดต่อ:

Re: ถามเรื่อง การใช้ jquery เช็คปุ่มที่สร้างโดยการวนลูปมาครับ

โพสต์ที่ยังไม่ได้อ่าน โดย Chayyim »

ฮ่าๆๆๆ ใช่ครับ เจอปัญหาแล้วครับ ตอนนี้เปลี่ยนไปใช้ class ตามที่แนะนำมาแล้วครับ ขอบคุณครับ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 82