Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > jquery กับการอ่านข้อมูล this.id มี input checkbox จำนวนมาก มี id เป็น pv1 pa1 pe1 pd1 pv2 pa2 pe2 pd2

jquery กับการอ่านข้อมูล this.id มี input checkbox จำนวนมาก มี id เป็น pv1 pa1 pe1 pd1 pv2 pa2 pe2 pd2

เริ่มหัวข้อใหม่

mr.v

โพสกระทู้ ( 4,720 )
บทความ ( 8 )

มี input checkbox จำนวนมาก มี id เป็น pv1 pa1 pe1 pd1 pv2 pa2 pe2 pd2 ไปเรื่อยๆ
แล้วใช้ jquery

Code

$('#pv1').change(function() {
alert(this.id);
});

ถ้าเป็นแบบนี้ มันจะบอกได้ถูกต้องว่า id อะไร

แต่ถ้า

$(this.id).change(function() {
alert(this.id);
});

มันจะ undefined ไปเลย จะทำยังไงให้อ่านค่า id ได้ครับ?

ผมตั้งใจจะทำ checkbox ที่คลิกแล้วเซฟ (ajax) โดยพึ่งพา jquery (ไม่รู้จะใช้อะไรเพราะเขียน javascript ไม่เป็น)
แต่นี่แค่จะคลำๆไปก่อน ไม่รู้จะมาถูกทางอ๊ะป่าว

Tag : - - - -

Date : 2009-09-12 22:09:20

By : mr.v

View : 1450

Reply : 7

No. 1

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

เอาโค๊ดมาดูครับ

ไม่งั้นลองเปลี่ยนเป็น
$(this).change(function() {
alert(this.id);
});

Date : 2009-09-12 22:22:29

By : plakrim

No. 2

mr.v

โพสกระทู้ ( 4,720 )
บทความ ( 8 )

โค้ดมีแค่นี้เองครับ

Code (PHP)

<script type="text/javascript">
$(document).ready(function(){
$(this.id).change(function() {
			alert(this.id);
		});

});
</script>

<tr>
<td class="tabledata-data">&nbsp;&raquo; permissions</td>

<td class="tabledata-data"><input type="checkbox" name="permission_view" value="yes" onchange="save_permission(this,'view',2,'owner')" id="pv2" checked="checked" /></td>
<td class="tabledata-data"><input type="checkbox" name="permission_add" value="yes" checked="checked" /></td>
<td class="tabledata-data"><input type="checkbox" name="permission_edit" value="yes" checked="checked" /></td>
<td class="tabledata-data"><input type="checkbox" name="permission_delete" value="yes" checked="checked" /></td>
</tr>
<tr>
<td class="tabledata-data">&nbsp;&raquo; contacts</td>
<td class="tabledata-data"><input type="checkbox" name="permission_view" value="yes" onchange="save_permission(this,'view',3,'owner')" id="pv3" checked="checked" /></td>
<td class="tabledata-data"><input type="checkbox" name="permission_add" value="yes" checked="checked" /></td>
<td class="tabledata-data"><input type="checkbox" name="permission_edit" value="yes" checked="checked" /></td>
<td class="tabledata-data"><input type="checkbox" name="permission_delete" value="yes" checked="checked" /></td>
</tr>

<?php

?>

pa pe pd ยังไม่ได้ทำ มีแต่ pv pv1 pv2 pv3 ...

ตอนแรกจะสร้างฟังก์ชั่นเอง อย่างที่เห็นจะมี onchange แต่ลืมไปว่าเขียนไม่เป็น
ส่ง input name, value(checked or not), permission_id(1,2,3อะไรพวกนี้)

Date : 2009-09-12 22:28:24

By : mr.v

No. 3

mr.v

โพสกระทู้ ( 4,720 )
บทความ ( 8 )

Date : 2009-09-12 22:29:11

By : mr.v

No. 4

mr.v

โพสกระทู้ ( 4,720 )
บทความ ( 8 )

ได้แล้วคร้าบบบ
จากหน้านี้ http://www.shopdev.co.uk/blog/jquery-functions-tutorial/
ทำให้ผมเข้าใจการแทรกฟังก์ชั่นแบบง่ายๆของผมไปกับ jquery ที่มี ajax ให้ใช้แบบง่ายๆ
เลย...
Code (PHP)

<script type="text/javascript">
	$(document).ready(function(){
		//#####//
		save_permission(wthis,wtype,wid,wlevel);
	});
	function save_permission(wthis,wtype,wid,wlevel) {
		$("#msgbox").removeClass().addClass('messagebox').text('Checking...').fadeIn(1000);
		$.post("ajaxphp.php?employee_level=owner",{ accesstype:wtype } ,function(data) {
			$("#msgbox").fadeTo(200,0.1,function() { //start fading the messagebox
				$(this).html(data).addClass('txterror').fadeTo(900,1);
			});
		});
	}
</script>

Date : 2009-09-12 23:09:45

By : mr.v

No. 5

เอี่ยว

โพสกระทู้ ( 3,468 )
บทความ ( 0 )

จะทำอะไรเหรอ ครับ ดูโค้ดคนอื่นแล้วตาลายครับ ไม่ค่อยเข้าใจนะ

ส่วนเรื่อง การใส่ event สามารถใส่รวมกันได้เลยนะครับ ขึ้น อยู่กับ selector เช่น

$('div').click( function(){} ); คือdiv ทุกอัน คลิกแล้วจะเรียกใช้ฟังชั่นไม่มีชื่อนี้หมดนะครับ ดังนั้น ถ้าอยากเรียก checkbox ก็ลอง

$( function(){
$(':checkbox').change( function(){
if( $(this).is(':checked') ) alert(this.id);
});
});//ready

แล้วฟังชั่นนี้ล่ะครับทำอะไร
save_permission()

ปล. ไม่ได้ลองนะครับ

Date : 2009-09-12 23:15:33

By : pjgunner

No. 6

เอี่ยว

โพสกระทู้ ( 3,468 )
บทความ ( 0 )

โค้ดเรพ สี่อ่ะครับ เปิดมาก็บันทึกเลยเหรอคับ

แต่ผม ตลกตรงนี้อ่ะ

$.post("ajaxphp.php?employee_level=owner",{ accesstype:wtype } ,function(data) {

Date : 2009-09-12 23:32:12

By : pjgunner

No. 7

mr.v

โพสกระทู้ ( 4,720 )
บทความ ( 8 )

ทดลองดูไง ยัดไปทั้ง get, post

Date : 2009-09-13 01:52:19

By : mr.v

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : jquery กับการอ่านข้อมูล this.id มี input checkbox จำนวนมาก มี id เป็น pv1 pa1 pe1 pd1 pv2 pa2 pe2 pd2

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก