Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > javascript ในครั้งแรกซ่อน textbox ไว้ ต่อมาเมื่อ checkbox ค่อยแสดง ทำไงเหรอคัพ

javascript ในครั้งแรกซ่อน textbox ไว้ ต่อมาเมื่อ checkbox ค่อยแสดง ทำไงเหรอคัพ

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

ทำไมเราต้องทนเก็บกดอยู่ทุกวัน คนธรรมดาต้องขึ้นศาล

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

คือ จาก code นี้ในครั้งแรกที่โหลด form ขึ้นมา ให้ซ่อน textbox จนกว่าจะมีการติกที่ checkbox ถึงจะแสดงค่า ไปกำหนดที่ event ไหนเหรอ ลืมไปแล้ว onload ของ form หรือ onอะไร บอกที งง จาก code ข้างล่างนี้

Code (PHP)

<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<script>

</script>
<form action="page.cgi" method="post" name="form1" onSubmit="JavaScript:return fncSubmit();" >
<input name="txt1" type="text" id="txt1" value="Value">
<input name="rdo1" type="radio" value="Y" checked onClick="javaScript:if(this.checked){document.all.txt1.style.display='';}"> 
Show 
<input name="rdo1" type="radio" value="N" onClick="javaScript:if(this.checked){document.all.txt1.style.display='none';}"> 
Hide
<br>
<br>
<input name="chk1" type="checkbox" id="chk1" value="Y" checked>
Checkbox
<input name="rdo2" type="radio" value="Y" checked onClick="javaScript:if(this.checked){document.all.chk1.style.display='';}">
Show
<input name="rdo2" type="radio" value="N" onClick="javaScript:if(this.checked){document.all.chk1.style.display='none';}">
Hide<br>
<br>
<table width="196"  border="1" id="tbName">
  <tr>
    <td>&nbsp;</td>
    </tr>
</table>
<input name="rdo3" type="radio" value="Y" checked onClick="javaScript:if(this.checked){document.all.tbName.style.display='';}">
Show
<input name="rdo3" type="radio" value="N" onClick="javaScript:if(this.checked){document.all.tbName.style.display='none';}">
Hide<br>
<br>
<span id="spName">Text www.ThaiCreate.Com</span>
<input name="rdo4" type="radio" value="Y" checked onClick="javaScript:if(this.checked){document.all.spName.style.display='';}">
Show
<input name="rdo4" type="radio" value="N" onClick="javaScript:if(this.checked){document.all.spName.style.display='none';}">
Hide<br>
<br>
<input name="btnSubmit" type="submit" value="Submit" onClick="JavaScript:this.disabled=true;">
</form>
</body>
</html>

Tag : PHP

Date : 2015-03-25 13:36:00

By : paravatee

View : 3019

Reply : 2

No. 1

Guest

Code (PHP)

<html>
<head>
	<meta charset="utf-8">
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>
	<script>
		$(document).ready(function(){
			$("#txt1").hide();
			$("#chk").click(function(){
				$("#txt1").show();
			});
		});
	</script>
</head>
<body>
	<input type="checkbox" id="chk">
	<input type="text" id="txt1">
</body>
</html>

Date : 2015-03-25 13:48:29

By : jquery

No. 2

ทำไมเราต้องทนเก็บกดอยู่ทุกวัน คนธรรมดาต้องขึ้นศาล

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

Code

<style>
#txt1 {
  display: none;
}
</style>

ใช้แบบนี้ไปละ ปรากฏว่า javascript เดี๊ยงไปเลย ทำไงดี
อยากเอาแบบข้างบนใช้ คำสั่งไหนคับ

Date : 2015-03-25 13:55:30

By : paravatee

ค้นหาข้อมูล

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

Re : javascript ในครั้งแรกซ่อน textbox ไว้ ต่อมาเมื่อ checkbox ค่อยแสดง ทำไงเหรอคัพ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 03