jQuery ผูก onclick กับปุ่ม Button HTML ทำอย่างไร

บทความนี้สอน jQuery ผูก onclick กับปุ่ม Button ของภาษา HTML โดยเริ่มแรกต้องกำหนด attribute id ให้กับ input button ที่ต้องการก่อน จากนั้นนำ id ดังกล่าวไปผูกกับ event click ภายในแท็ก JavaScript สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery ผูก onclick กับปุ่ม Button HTML ทำอย่างไร

<input type="button" value="ตกลง" id="btn"> 

<script>
	$("#btn").click(function(){
		console.log("คุณคลิกปุ่มตกลง")
	});
</script>

ผลลัพธ์

คุณคลิกปุ่มตกลง

jQuery ผูก onclick ด้วยคำสั่ง click เมื่อผู้ใช้งานกดปุ่ม id เท่ากับ btn จะเรียกใช้คำสั่ง click และเข้าไปใน function เพื่อทำงาน พร้อมกับพิมพ์ข้อความ “คุณคลิกปุ่มตกลง” ด้วยคำสั่ง console.log