Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > ขอสอบถามเรื่องการติ๊ก checkbox แล้วให้ show/hide ข้อมูลค่ะ

ขอสอบถามเรื่องการติ๊ก checkbox แล้วให้ show/hide ข้อมูลค่ะ

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

watanya

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

ขอสอบถามเรื่องการ show/hide ข้อมูลค่ะ ข้อมูลได้มาจากการ Database ถ้าติ๊ก checkbox ที่ตัวไหนให้แสดงข้อมูลด้านล่างเพิ่มเติม
แต่จากโค้ดด้านล่างพอติ๊ก checkboxจะแสดงข้อมูลแค่แถวแรกแถวเดียว พอกดติ๊กตัวอื่นไม่มีข้อมูลแสดง ดังรูปด้านล่างค่ะ

hide show

Code (PHP)

<html>
<head>
      <title></title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <script type="text/javascript"> 
            function ck_frm(){ // ซ่อน/โชว์ รายละเอียด solution checkbox
                    var ck = document.getElementById('ckk');
                    if(ck.checked == true){
                    document.getElementById('detailsolution').style.display = "";
                    }else{
                    document.getElementById('detailsolution').style.display = "none";
                    }
            }
            
         </script>
        
  </head>
    
<body>
        <form name="presaleRFQ" method="POST" action="#">
        <table border="0" border-color="#000" width="100%" height="50">
                <label>Solution:</label>
                <?php include 'Connection.php'; 
                        $sqlSolution = "SELECT * FROM dbo.TISS_SOLUTIONMS" ;
                        $querySolution = sqlsrv_query($Conn,$sqlSolution);
                        while($result = sqlsrv_fetch_array($querySolution)){
                        $solutionname = $result['solution_name'];
                        $ref1 = $result['solution_ref1'];
                        $ref2 = $result['solution_ref2'];
                        $ref3 = $result['solution_ref3'];
                        $ref4 = $result['solution_ref4'];
                        $ref5 = $result['solution_ref5'];
                ?>
                <tr>
                    <td>
                        <div>
                        <input type="checkbox" name="ckk" id="ckk" onClick="ck_frm();" />
                        <label size="2px" font-weight="bold"><?php echo $solutionname;?></label><br/>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td name="detailsolution" id="detailsolution" style="display:none;">
                        <div style="margin:0 0 0px 20px;">
                            <table>
                                <tr>
                                    <td><font size="2px"><?php echo $ref1;?></font></td>
                                    <td><input type="text"/></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref2;?></font></td>
                                    <td><input type="text" /></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref3;?></font></td>
                                    <td><input  type="text"/></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref4;?></font></td>
                                    <td><input  type="text"/></td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
                <?php } ?>
         </table>
        </form> 	
</body>
</html>

Tag : PHP, Ms SQL Server 2008

ประวัติการแก้ไข
2017-02-08 13:57:27

Date : 2017-02-08 13:56:46

By : watanya1951

View : 1830

Reply : 5

No. 1

Luz

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

ประกาศ i มาไว้ 1 ตัว ก่อน while แล้วก็ให้มันนับค่าไปเรื่อยๆ

Code (JavaScript)

function ck_frm(index){ // รับ index เข้ามา
var ck = document.getElementById('ckk'+index);
if(ck.checked == true){
document.getElementById('detailsolution'+index).style.display = "";
}else{
document.getElementById('detailsolution'+index).style.display = "none";
}
}

Code (PHP)

<input type="checkbox" name="ckk" id="ckk" onClick="ck_frm(<?=$i?>);" /> // checkbox

<td name="detailsolution" id="detailsolution<?=$i?>" style="display:none;"  //element

ประมาณนี้

Date : 2017-02-08 14:22:30

By : Luz

No. 2

watanya

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

ลองทำตามคำแนะนำ พอกดติ๊กแล้วไม่โชว์ข้อมูลทุกอันเลยค่ะ จึงสงสัยว่าเขียนตรงไหนผิดรึป่าวคะ ขอบคุณค่ะ

Code (JavaScript)

function ck_frm(index){ // รับ index เข้ามา
    var ck = document.getElementById('ckk'+index);
    if(ck.checked == true){
    document.getElementById('detailsolution'+index).style.display = "";
    }else{
    document.getElementById('detailsolution'+index).style.display = "none";
    }
}

Code (PHP)

<?php include 'Connection.php'; 
               
                        $sqlSolution = "SELECT *  FROM dbo.TISS_SOLUTIONMS" ;
                        $params = array();
                        $options =  array( "Scrollable" => SQLSRV_CURSOR_KEYSET );
                        $querySolution = sqlsrv_query($Conn,$sqlSolution, $params, $options);
                        $numrow = sqlsrv_num_rows($querySolution);
                        $i=0;
                        while($i<$numrow) { 
                            $result = sqlsrv_fetch_array($querySolution);
                            
                        $solutionname = $result['solution_name'];
                        $ref1 = $result['solution_ref1'];
                        $ref2 = $result['solution_ref2'];
                        $ref3 = $result['solution_ref3'];
                        $ref4 = $result['solution_ref4'];
                        $ref5 = $result['solution_ref5'];
                        
                ?>
                
                
                <tr>
                    <td>
                        <div style="margin:0 0 0px 120px;font-weight:bold;">
                        <input type="checkbox" name="ckk" id="ckk" onClick="ck_frm(<?php echo $i?>);" />
                        <label size="2px" font-weight="bold"><?php echo $solutionname;?></label><br/>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td name="detailsolution" id="detailsolution<?php echo $i?>" style="display:none;">
                        <div style="margin:0 0 0px 150px;">
                            <table>
                                <tr>
                                    <td><font size="2px"><?php echo $ref1;?></font></td>
                                    <td><input name="frm_txt" id="frm_txt" class="loginform_detailsoln" /></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref2;?></font></td>
                                    <td><input type="file" name="ckk" id="ckk" class="loginform_detailsoln"/></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref3;?></font></td>
                                    <td><input name="ckk" id="ckk" class="loginform_detailsoln"/></td>
                                </tr>
                                <tr>
                                    <td><font size="2px"><?php echo $ref4;?></font></td>
                                    <td><input name="ckk" id="ckk" class="loginform_detailsoln"/></td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
                <?php $i++;} ?>

Date : 2017-02-08 17:12:03

By : watanya1951

No. 3

Luz

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : watanya1951 เมื่อวันที่ 2017-02-08 17:12:03

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

ลืมๆ 55
Code (PHP)

//บรรทัดที่ 25
input type="checkbox" name="ckk" id="ckk<?php echo $i?>" onClick="ck_frm(<?php echo $i?>);" />

Date : 2017-02-08 17:35:04

By : Luz

No. 4

watanya

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

ทำได้แล้วค่ะ ขอบคุณมากๆเลยนะคะ

Date : 2017-02-09 08:14:35

By : watanya1951

No. 5

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

Date : 2017-02-09 10:09:14

By : mr.win

ค้นหาข้อมูล

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

Re : ขอสอบถามเรื่องการติ๊ก checkbox แล้วให้ show/hide ข้อมูลค่ะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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