Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > สอบถาม jquery จาก code jquery ขางล่างนี้ จะลูป ให้ add ได้แค่ 10 พอครบ10 ให้ปุ่ม

สอบถาม jquery จาก code jquery ขางล่างนี้ จะลูป ให้ add ได้แค่ 10 พอครบ10 ให้ปุ่ม

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

bai

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

จาก code jquery ขางล่างนี้ จะลูป ให้ add ได้แค่ 10 พอครบ10 ให้ปุ่ม add คลิกไม่ได้นะครับ
รบกวน ลูป เป็นตัวอย่างให้ทีครับ

Code (PHP)

<!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" />
<title>Untitled Document</title>

<script src="js/highlightFade/jquery.js" type=text/javascript></script>

<script src="js/highlightFade/jquery.highlightFade.js" 
type=text/javascript></script>

<script type="text/javascript">
function addFormField() {
	var id = document.getElementById("id").value;
	$("#divTxt").append("<p id='row" + id + "'><label for='txt" + id + "'>Field " + id + "&nbsp;&nbsp;<input type='text' size='20' name='txt[]' id='txt" + id + "'>&nbsp;&nbsp<a href='#' onClick='removeFormField(\"#row" + id + "\"); return false;'>Remove</a><p>");
	
	
	$('#row' + id).highlightFade({
		speed:1000
	});
	
	id = (id - 1) + 2;
	document.getElementById("id").value = id;
}

function removeFormField(id) {
	$(id).remove();
}

</script>
</head>

<body>

<p><a href="#" onclick="addFormField(); return false;">Add</a></p>
<form action="test3.php" method="POST" id="form1">
<input type="hidden" id="id" value="1">
<div id="divTxt"></div>
<p><input type="submit" value="Submit" name="submit">
<input type="reset" value="Reset" name="reset"></p>
</form>
</body>
</html>

ขอบคุณมากครับ

Tag : - - - -

Date : 2009-08-19 13:46:34

By : baicrew

View : 1127

Reply : 4

No. 1

num

โพสกระทู้ ( 1,463 )
บทความ ( 1 )

//ตรวจสอบจำนวน tag p
if ($('#divTxt p').size()>=10){
return false;
}

//แก้ตรง tag p กับ tag label ไม่ได้ปิด
$("#divTxt").append(
"<p id='row" + id + "'><label for='txt" + id + "' />Field " + id + "  <input type='text' size='20' name='txt[]' id='txt" + id + "'> &nbsp<a href='#' onClick='removeFormField(\"#row" + id + "\"); return false;'>Remove</a></p>");

Date : 2009-08-19 22:46:40

By : num

No. 2

bai

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

ขอบคุณ คุณ num มากๆนะครับ

Date : 2009-08-25 11:21:12

By : baicrew

No. 3

chimkamee

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

แล้วถ้าจะทำให้มันคำนวณ ต้องเขียนยังไงคะ

Date : 2011-05-25 10:07:16

By : ชิมิ

No. 4

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

var total=0;
$.each($("input[type=text]),function(){
 total+=parseInt($(this).val());
});

alert(total);

Date : 2011-05-25 10:41:45

By : kalamell

ค้นหาข้อมูล

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

Re : สอบถาม jquery จาก code jquery ขางล่างนี้ จะลูป ให้ add ได้แค่ 10 พอครบ10 ให้ปุ่ม

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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