Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > click checkbox (show data from DB) then show text box

click checkbox (show data from DB) then show text box

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

Guest

สวัสดีค่ะ

มีปัญหาจะรบกวนค่ะ คือ มีการดึงข้อมูลจาก DB มาแสดงผลแบบ check box (ทำได้แล้ว)

แล้วอยากให้ ตอน เลือก check box จะแสดง text box เพื่อกรอกข้อมูลเพิ่มเติม

ตอนแสดงผลจะแสดงแค่ตอนที่ click box ช่องแรก (เพราะยังไม่ได้กำหนดอะไรเลย)

อยากให้ช่วยดูตรง javascript ให้หน่อยค่ะ ไม่รู้ว่าต้องกำหนด id (ที่มีมากกว่า 1 ตัวค่ะ) ยังไง

ขอบคุณค่ะ

Code (PHP)

<script type="text/javascript">
	function show_pwd(){
		var ck = document.getElementById('pathway');
		if(ck.checked == true){
		document.getElementById('frm_txt').style.display = "";
		}else{
		document.getElementById('frm_txt').style.display = "none";
		}

	}
</script>
</head>
<body onLoad="ck_frm();">
        <table width="100%" border="0" cellspacing="2" cellpadding="0"  style="border:solid 1px #ffffff;">
          <?php
		$sqlpw="SELECT * FROM pathway LEFT JOIN pathway_detail ON(pathway.path_id=pathway_detail.path_id) where(path_status!='0') order by path_name";  
		$qrpw=mysql_db_query($dbname,$sqlpw);
		$num_rows=mysql_num_rows($qrpw);     
		while($rspw=mysql_fetch_array($qrpw)){
	?>
          <tr>
            <td width="177"><?=$rspw['path_name']?></td>
            <td width="233"><input type="checkbox" name="pathway" id="pathway<?=$rspw['pwd_id']?>" value="<?=$rspw['pwd_id']?>" onclick="show_pwd();"/>
                <?=$rspw['pwd_name']?></td>
            <td id="frm_txt" style="display:none" width="158"><input name="tt" type="text" id="tt<?=$rspw['pwd_id']?>" size="10" maxlength="5" />
              -
            <input name="aa" type="text" id="aa<?=$rspw['pwd_id']?>" size="10" maxlength="5" /></td>
            <?php } ?>
          </tr>
        </table>
<br/>
<br/>

Tag : PHP, MySQL, Office

Date : 2014-01-28 17:25:24

By : ขวัญ

View : 1792

Reply : 10

No. 1

Cuagain

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

ถ้าใช้ id ยังไงก็ถ้าแค่อันเดียวครับ ลองเปลี่ยนเป็น class แล้วใช้คำสั่ง

getElementsByClassName แทนนะครับ

แต่จะใช้กับ Internet Explorer 5,6,7, and 8. ไม่ได้

ไม่งั้นลองดู jQuery นะ

ประวัติการแก้ไข
2014-01-28 17:52:15

Date : 2014-01-28 17:46:49

By : cuagain

No. 2

Guest

ขอบคุณค่ะ แต่ไม่ถนัดเขียน jQuery เลย

ท่านใดพอมี code ตัวอย่างให้บ้างใหมคะ

Date : 2014-01-29 09:47:39

By : ขวัญ

No. 3

Mr.กล้า

โพสกระทู้ ( 5,105 )
บทความ ( 4 )

ตามไปอ่าน แล้วศึกษาประยุกต์ต่อครับ
Go to : อยากสอบถามโค้ด PHP เมื่อไม่มีข้อมูลใน drop-down สามรถเลือกอื่นๆแล้วเพิ่มช่อง input เพิ่มข้อมูลได้ค่ะ

กด Copy Clipboard ไม่ได้เลย ขอ link ธรรมดานะ
https://www.thaicreate.com/php/forum/095849.html

Date : 2014-01-29 10:07:56

By : apisitp

No. 4

Guest

จะลองดูค่ะ

Date : 2014-01-29 11:08:40

By : ขวัญ

No. 5

Guest

เอ่อ คือมันก็ยังคิดไม่ออกอยู่ดีอ่ะค่ะ

จากตัวอย่างคือ ถ้าค่าใน option เป็น "อื่นๆระบุเอง>>>>>>>" ให้ show text

if( s1.options[s1.selectedIndex].text=="อื่นๆระบุเอง>>>>>>>")

แล้วถ้ากรณีรับจาก check box (ตรวจสอบค่าจาก id ที่ไม่ระบุแน่นอน) ต้องใช้คำสั่ง แทน options ว่าอะไรอ่ะคะ

Date : 2014-01-29 11:23:06

By : ขวัญ

No. 6

Guest

ลองใช้เป็น .checked แต่มันก็เก็บค่าที่ได้จากการคลิ๊กแค่ค่าเดียว (ดึงจาก DB เป็นค่าแรก)

เลยไม่รู้ว่าต้องเขียนยังไง ถึงจะสามารถเก็บค่าที่เกิดจากการคลิ๊ก แต่ละตัว แล้วให้แสดง text ของค่านั้นออกมาอ่ะค่ะ

Date : 2014-01-29 11:29:26

By : ขวัญ

No. 7

Guest

ได้แล้วค่ะ

Code (JavaScript)

<script language="javascript">
        function showcontrol(ctr1, xvalue) {
            //alert(ctr1);
            if (xvalue == true) {
                //alert('show');
				//alert(ctr1.value);
                document.getElementById(ctr1).style.display = "";
            } else {
                document.getElementById(ctr1).style.display = "none";
				//document.getElementById(ctr2).style.visibility = "hidden";
            }
        }
    </script>

Date : 2014-01-29 14:25:39

By : ขวัญ

No. 8

Unidentifier

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

สังเกตดูดีๆน่ะครับ ผมตัด id ของ td ออกไปน่ะครับ แล้วใช้วิธีค้นหา td ที่จะซ่อนด้วย .parents("tr").find("td:eq(2)") http://jsfiddle.net/xdJ8W/

 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$(".pathway").click(function(){
			if($(this).is(":checked"))
				$(this).parents("tr").find("td:eq(2)").show();
			else 
				$(this).parents("tr").find("td:eq(2)").hide();
		});
	});
  </script>



<table>
    <tr>
            <td width="177">AA</td>
            <td width="233"><input type="checkbox" name="pathway" class="pathway"  value="AA" />AA</td>
            <td style="display:none" width="158"><input name="tt" type="text" id="tt" size="10" maxlength="5" />-<input name="aa" type="text" id="aa" size="10" maxlength="5" /></td>
          </tr>
    <tr>
            <td width="177">BB</td>
            <td width="233"><input type="checkbox" name="pathway" class="pathway"  value="BB" />BB</td>
            <td style="display:none" width="158"><input name="tt" type="text" id="tt" size="10" maxlength="5" />-<input name="bb" type="text" id="bb" size="10" maxlength="5" /></td>
          </tr>
        </table>

Date : 2014-01-29 14:30:24

By : sakuraei

No. 9

Mr.กล้า

โพสกระทู้ ( 5,105 )
บทความ ( 4 )

jQuery ง่ายเลย อิอิ....

Date : 2014-01-30 10:10:13

By : apisitp

No. 10

Unidentifier

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

ตอบความคิดเห็นที่ : 9 เขียนโดย : apisitp เมื่อวันที่ 2014-01-30 10:10:13

รายละเอียดของการตอบ ::

ครับไม่ยากเลย

Date : 2014-01-30 16:17:18

By : sakuraei

ค้นหาข้อมูล

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

Re : click checkbox (show data from DB) then show text box

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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