Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > สอบถามเรื่อง Ajax Check box หน่อยนะคะ (ถามจังเลย) จากตัวอย่างด้านล่างอ่ะค่ะ จะมี check box 2 ตัว

สอบถามเรื่อง Ajax Check box หน่อยนะคะ (ถามจังเลย) จากตัวอย่างด้านล่างอ่ะค่ะ จะมี check box 2 ตัว

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

หวานซะ

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

จากตัวอย่างด้านล่างอ่ะค่ะ จะมี check box 2 ตัว คือ checker ตัวที่ 1 และ 2 ปกติเปิดหน้ามาแล้วจะมีแค่ 2 Checkbox เท่านั้น แต่ถ้ามีการติ๊กอันใดก็ตาม จะมี input text ขึ้นต่อจากบรรทัดที่ติ๊กนั้นค่ะ ต้องเขียนเพิ่มยังไงส่วนไหนคะ

#
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>

<body>
<form name="form1" method="post" action="">
<p>
<input name="checker" type="checkbox" id="checker" value="1">
Check 1<br>
Name :
<input type="text" name=name>
<br>
<input name="checker" type="checkbox" id="checker" value="2">
Check 1 <br>
Email :
<input name=email type="text" id="email">
</p>
</form>

</body>
</html>
#

Tag : - - - -

Date : 2009-09-29 16:19:45

By : gigza

View : 1440

Reply : 3

No. 1

Guest

<form name="form1" method="post" action="">
<p>
<input name="checker" type="checkbox" id="check[1]" value="1" onClick="show_text(1)">
Check 1<br>
Name :
<input type="text" name=name id="text[1]" style="display:none">
<br>
<input name="checker" type="checkbox" id="check[2]" value="2" onClick="show_text(2)">
Check 1 <br>
Email :
<input name=email type="text" id="text[2]" style="display:none">
</p>
</form>

<script language="javascript">
function show_text(c)
{
if(document.getElementById('check['+c+']').checked==true)
{
document.getElementById('text['+c+']').style.display="";
}
else
{
document.getElementById('text['+c+']').style.display="none";
}
}
</script>

Date : 2009-09-29 16:32:45

By : heng

No. 2

หวานซะ

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

พี่คะ จาก code อ่ะค่ะ ถ้าให้ checkbox 1 และ 2 ต่อบรรทัดกันเลย และตอนที่ click แต่ละ checkbox ให้แสดงต่อเองได้มั้ยคะ โดยให้ขึ้นทั้ง Name : และ textinput อ่ะค่ะ เพราะปัจจุบันมันขึ้น Name รอไว้เลย

<form name="form1" method="post" action="">
<p>
<input name="checker" type="checkbox" id="check[1]" value="1" onClick="show_text(1)">
Check 1<br>
Name :
<input type="text" name=name id="text[1]" style="display:none">
<br>
<input name="checker" type="checkbox" id="check[2]" value="2" onClick="show_text(2)">
Check 1 <br>
Email :
<input name=email type="text" id="text[2]" style="display:none">
</p>
</form>

<script language="javascript">
function show_text(c)
{
if(document.getElementById('check['+c+']').checked==true)
{
document.getElementById('text['+c+']').style.display="";
}
else
{
document.getElementById('text['+c+']').style.display="none";
}
}
</script>

Date : 2009-09-29 17:06:55

By : gigza

No. 3

Guest

แบบนี้เหรอ
<form name="form1" method="post" action="">
<p>
<input name="checker" type="checkbox" id="check[1]" value="1" onClick="show_text(1)">
Check 1<br>
<label id="label[1]" style="display:none">Name : </label>
<input type="text" name=name id="text[1]" style="display:none">
<br>
<input name="checker" type="checkbox" id="check[2]" value="2" onClick="show_text(2)">
Check 1 <br>
<label id="label[2]" style="display:none">Email :</label>
<input name=email type="text" id="text[2]" style="display:none">
</p>
</form>

<script language="javascript">
function show_text(c)
{
if(document.getElementById('check['+c+']').checked==true)
{
document.getElementById('text['+c+']').style.display="";
document.getElementById('label['+c+']').style.display="";
}
else
{
document.getElementById('text['+c+']').style.display="none";
document.getElementById('label['+c+']').style.display="none";
}
}
</script>

Date : 2009-09-29 17:11:20

By : heng

ค้นหาข้อมูล

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

Re : สอบถามเรื่อง Ajax Check box หน่อยนะคะ (ถามจังเลย) จากตัวอย่างด้านล่างอ่ะค่ะ จะมี check box 2 ตัว

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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