GORAGOD.com

freelance, web developer, web designer, hosting, domain name

สวัสดีค่ะ จะรบกวนช่วยดู code ให้หน่อยค่ะ อยากให้ ตอนที่เลือก ch

สวัสดีค่ะ  จะรบกวนช่วยดู code ให้หน่อยค่ะ อยากให้ ตอนที่เลือก check box แล้ว แสดง Input text ออกมา



ตอนนี้เขียนส่วนของการดึงข้อมูลจาก DB มาแสดงได้แล้ว เหลือส่วนของการกดหนดตอนคลิ๊กเลือก checkbox ค่ะ



code ดังนี้



**ส่วน ของ javascript ยังโล้นๆ อยู่เลยค่ะ ทำให้ผลลัพธ์ที่ออกมาตอนนี้คือ จะแสดง Input text เฉพาะตอนที่เลือก check box ค่าแรกเท่านั้น



ขอบคุณค่ะ

 

<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/>

29 ม.ค. 2557 1 1,747

วิธีทำคือให้ใส่ id ของ input ตัวที่เกี่ยวข้องลงในฟังก์ชั่นเลยครับ



<input type=checkbox onclick="show_pawd('tt1')"> // checkbox

<input type=text style="display:none" id=tt1> // input ตัวที่จะแสดง

<script>

function show_pawd(id) {

   alert(id); // id ของรายการที่ส่งมา

    // เขียนคำสั้งจัดการกับ id ที่ส่งมา เช่น แสดง

}

</script>


#1
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 2M
^