Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > เรื่อง radio แล้วแสดง textbox จากการกดแก้ไขข้อมูลจาก DB

เรื่อง radio แล้วแสดง textbox จากการกดแก้ไขข้อมูลจาก DB

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

Cop

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

เรื่องการกด radio แล้วแสดง textbox ครับ

เวลากด radio ที่รายวัน จะแสดง textbox ขึ้นมา สามารถทำได้ปกติครับ

ที่เป็นปัญหาตอนที่ว่ากดแก้ไข ข้อมูลที่เป็นรายวัน ก็จะขึ้น checked ตรงรายวัน แต่ไม่ยอมแสดง textbox ขึ้นมาครับ

ต้องกดซ้ำอีกทีถึงจะแสดง จะทำยังไงให้มันแสดงขึ้นมาเลยครับ หลังจากกดแก้ไข

radio รายเดือน รายวัน แสดงขึ้นมาจาก loop while นะครับ

asdf

Code (PHP)

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>
        <script type="text/javascript">
        function fncRadio($data){
            i=0;
            if($data == i++){
                document.getElementById("chk_gobbet").value = "";
                document.getElementById("chk_gobbet_span").style.display = "none";
            }else if($data == i++){
                document.getElementById("chk_gobbet_span").style.display = "";
            }
        }
        </script>
    </head>
    <body>
        <?php

        include "connect/connect.php";

            $sql  = "SELECT * FROM check_in";
            $sql .= " LEFT JOIN rent_type ON check_in.rtt_id = rent_type.rtt_id";
            $sql .= " WHERE chk_id = '".$_GET['chk_id']."'";
            $result = mysql_query($sql);
            $show = mysql_fetch_array($result);
        ?>

        <form name="regis" action="<?PHP $_SERVER['PHP_SELF']?>">
            <table>
                <tr>
                    <td>
                        <?php
                            $sqlRen  = "SELECT * FROM rent_type ORDER BY rtt_id DESC";
                            $resultRen = mysql_query($sqlRen);
                            $i = 0;
                            while($showRen = mysql_fetch_array($resultRen)){
                        ?>
                        <input type="radio" name="rtt_id" value="<?=$showRen['rtt_id']?>" onClick="fncRadio(<?=$i++;?>)" <?php if($showRen['rtt_id'] == $show['rtt_id']){ echo "checked"; }?>/><?=$showRen['rtt_type']?>
                        <?php } ?>
                        <span id="chk_gobbet_span" style="display: none;">
                            จำนวนวัน <input type="text" name="chk_gobbet" id="chk_gobbet" value=""/>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="hidden" name="chk_id" value="<?=$show['chk_id']?>"/>
                        <input type="submit" name="submit" value="บันทึก"/>
                    </td>
                </tr>
            </table>
        </form>

    <form name="check" action="<?PHP $_SERVER['PHP_SELF']?>">
        <table width="300" class="table">
            <tr>
                <th width="100">ประเภท</th>
                <th width="100">จำนวน</th>
                <th width="100">จัดการ</th>
            </tr>
            <?php
                $sqlRow  = "SELECT * FROM check_in";
                $sqlRow .= " LEFT JOIN rent_type ON check_in.rtt_id = rent_type.rtt_id";
                $resultRow = mysql_query($sqlRow);
                while($showRow = mysql_fetch_array($resultRow)){
            ?>
            <tr>
                <td><?=$showRow['rtt_type'];?></td>
                <td><?=$showRow['chk_gobbet'];?></td>
                <td><a href="<?PHP $_SERVER['PHP_SELF']?>?chk_id=<?=$showRow['chk_id'];?>">แก้ไข</a></td>
            </tr>
            <?php } ?>
        </table>
    </form>
    </body>
</html>

Tag : PHP, jQuery

ประวัติการแก้ไข
2014-07-31 17:06:56
2014-07-31 17:07:31
2014-07-31 17:28:55

Date : 2014-07-31 17:04:31

By : sabaitip

View : 1346

Reply : 7

No. 2

Genesis™

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

ยังไงนะครับ กดแก้ไขและแสดง checked ที่ระบุใช่มั้ยครับ

Date : 2014-07-31 17:49:44

By : Ex-[S]i[L]e[N]t

No. 3

Unidentifier

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-07-31 17:49:44

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

อิๆๆ แอบลบกระทู้ที่ตัวเองตอบเชียวน่ะ

Date : 2014-07-31 17:52:12

By : sakuraei

No. 4

Cop

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-07-31 17:49:44

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

พอกด แก้ไขข้อมูลที่เป็นรายวัน แล้วให้ checked หน้ารายวัน แล้ว textbox ต้องแสดงขึ้นมาครับ

แต่ตอนนี้พอกดแก้ไข มันจะ checked ให้ แต่ไม่มี textbox ครับ

ในแรกเริ่ม ในช่วง insert จะ ไม่มี textbox ต้องติ๊กรายวันก่อนถึงจะมีครับ แต่ตรงนี้ไม่มีปัญหาครับ

มีปัญหาตรงตอนแก้ไขนี่แหละครับ ที่ไม่ต้องแสดง พอ cheked แล้วต้องกดอีกราบ ถึงจะแสดง

อยากให้มันแสดงขึ้นมาเลยเมื่อกดแก้ไขข้อมูลที่เป็นรายวันครับ

ประวัติการแก้ไข
2014-07-31 17:54:29
2014-07-31 17:54:55
2014-07-31 17:57:53

Date : 2014-07-31 17:53:49

By : sabaitip

No. 5

Genesis™

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

Code (PHP)

<input type="radio" name="Chk" checked="checked" />รายเดือน <input type="radio" name="Chk" rel="txtDay" />รายวัน<input type="text" id="txtDay" />
<script src="jQuery.1.10.min.js"></script>
<script>
	$(function(){
		$('#txtDay').hide();
		$(':radio').on('click',function(){
			var rel=$(this).attr('rel');
			if(rel=='txtDay'){
				$('#txtDay').fadeIn();	
			}else{
				$('#txtDay').val('').fadeOut();	
			}
		});	
	});
</script>

ตอบความคิดเห็นที่ : 4 เขียนโดย : sabaitip เมื่อวันที่ 2014-07-31 17:53:49

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

แบบนี้หรอครับ

ตอบความคิดเห็นที่ : 3 เขียนโดย : sakuraei เมื่อวันที่ 2014-07-31 17:52:12

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

งงกะโจทย์นิดหน่อยครับลูกพี่ 55+

ประวัติการแก้ไข
2014-07-31 18:06:09

Date : 2014-07-31 17:55:37

By : Ex-[S]i[L]e[N]t

No. 6

Cop

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

ตอบความคิดเห็นที่ : 5 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-07-31 17:55:37

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

แต่ radio รายวัน, รายเดือน มันเป็นแบบ loop มาแสดงอ่ะครับ
มันจะเหมือนกันป่าวครับ

Date : 2014-07-31 18:00:17

By : sabaitip

No. 7

Genesis™

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

ตอบความคิดเห็นที่ : 6 เขียนโดย : sabaitip เมื่อวันที่ 2014-07-31 18:00:17

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

งั้นลองแบบนี้ครับ ไม่รู้ตรงตามความต้องการรึเปล่านะครับ
Code (PHP)

<input type="radio" id="Month" name="Chk" checked="checked" />รายเดือน<input type="radio" id="Day" name="Chk" /> รายวัน <input type="text" id="txtDay" />
<table>
  <tr>
    <td>ประเภท</td>
    <td>จำนวน</td>
    <td>จัดการ</td>
  </tr>
  <tr>
    <td>รายเดือน</td>
    <td>5</td>
    <td><a href="#">แก้ไข</a></td>
  </tr>
  <tr>
    <td>รายวัน</td>
    <td>10</td>
    <td><a href="#">แก้ไข</a></td>
  </tr>
</table>
<script src="jQuery.1.10.min.js"></script>
<script>
	$(function(){
		$('#txtDay').hide();
		
		$('a').on('click',function(){
			var td=$(this).parent();
			var MD=td.prev().prev().text();
			var num=td.prev().text();
			
			$('#txtDay').val('');
			$('#txtDay').fadeOut();
			$(':radio').each(function(index, element) {
                $(this).prop('checked',false);
            });
			
			if(MD == 'รายเดือน'){
				$('#Month').prop('checked',true);
			}else{
				$('#Day').prop('checked',true);
				$('#txtDay').val(num).fadeIn();	
			}
		});
	});
</script>

เมื่อกดแก้ไข จะทำตามรายการที่บุ พร้อมแสดงค่า

Date : 2014-07-31 18:05:55

By : Ex-[S]i[L]e[N]t

No. 8

Cop

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

แบบนี้นะครับ

รายเดือน, รายวัน มันเก็บอยู่ใน DB ครับ ก็เลยแสดง ขึ้นมาเป็น loop มาให้เลือกครับ

แล้วเวลาใส่ข้อมูล

แล้วผมเลือก รายวัน แล้วก็จะแสดง textbox ขึ้นมา (กดรายเดือนไม่แสดง textbox นะครับ ) ใส่ จำนวน 5 วัน แล้วกดเซฟไป

แล้วผมเปลี่ยนใจ อยากเปลี่ยนเป็น จำนวน 10 วัน

ก็เลยกดแก้ไข ซึ่งมันก็จะแสดงที่ผมเซฟไปก่อนหน้านี้ทั้งหมดขึ้นมาใน ฟอร์ม

ซึ่งมันก็ไป checked ตรงรายวัน แต่ไอ้ textbox นั้นมันไม่แสดงมาด้วยอ่ะครับ

จาก Code ด้านบนสุดที่ผมให้ไปนั่น เหมือนมันต้องมีการกดอ่ะครับถึงจะแสดง

เข้าใจเหมือนผมป่าวครับ 5555

ประวัติการแก้ไข
2014-07-31 18:22:07

Date : 2014-07-31 18:20:15

By : sabaitip

ค้นหาข้อมูล

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

Re : เรื่อง radio แล้วแสดง textbox จากการกดแก้ไขข้อมูลจาก DB

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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