Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ช่วยปรับ code javaScript ให้เป็นไปตามเงื่อนไขที่กำหนดให้หน่อยครับผม

ช่วยปรับ code javaScript ให้เป็นไปตามเงื่อนไขที่กำหนดให้หน่อยครับผม

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

iieszz

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

Code (PHP)

<script type="text/javascript">
function show() {
	if (document.getElementById('sex').value == "4") 
	{		
		document.getElementById('sexDetail').style.display = 'inline';		
	}
	else{
		document.getElementById('sexDetail').style.display = 'none';
	}		
}
</script>

<span class="detail">
          <input type="radio" name="sex" id="sex" value="1" onclick="show();"/>
          นาย  
          <input type="radio" name="sex" id="sex" value="2" onclick="show();"/>
          นางสาว 
          <input type="radio" name="sex" id="sex" value="3" onclick="show();"/>          นาง 
          <input type="radio" name="sex" id="sex" value="4" onclick="show();" />
อื่นๆ โปรดระบุ <input name="sexDetail" id="sexDetail" type="text"/></span>

จาก code ด้านบน อยากให้ช่วยปรับการแสดงผล เฉพาะ radio ก่อน

เมื่อเลือก อื่นๆ โปรดระบุ ถึงจะแสดง textbox ออกมา

และเมื่อคลิกที่ตัวเลือกอื่น ก็ให้ textbox ดังกล่าวหายไป

ตอนแรกเหมือนจะไม่ยาก แต่ทำไปทำมา (มึนครับ)

Tag : PHP, HTML/CSS, JavaScript

Date : 2012-08-01 17:34:56

By : iieszz

View : 1541

Reply : 2

No. 1

กะล่อน

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

Code (PHP)

<script type="text/javascript">
function show(val) {


	if (val == "4") 
	{		
		document.getElementById('sexDetail').style.display = 'inline';		
		document.getElementById('sexDetail').style.display = '';

	}
	else{
		document.getElementById('sexDetail').style.display = 'none';
	}		
}
</script>

<span class="detail">
          <input type="radio" name="sex" id="sex" value="1" onclick="show(1);"/>
          นาย  
          <input type="radio" name="sex" id="sex" value="2" onclick="show(2);"/>
          นางสาว 
          <input type="radio" name="sex" id="sex" value="3" onclick="show(3);"/>          นาง 
          <input type="radio" name="sex" id="sex" value="4" onclick="show(4);" />
อื่นๆ โปรดระบุ 
<input name="sexDetail" id="sexDetail" type="text" style="display:none;"/></span>

*** ปกติ ID ห้ามซ้ำนะครับ

Date : 2012-08-01 18:05:10

By : adaaugusta

No. 2

iieszz

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

ขอบคุณครับ คุณ กะล่อน

Date : 2012-08-01 19:27:56

By : iieszz

ค้นหาข้อมูล

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

Re : ช่วยปรับ code javaScript ให้เป็นไปตามเงื่อนไขที่กำหนดให้หน่อยครับผม

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01