Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,995

HOME > PHP > PHP Forum > คือผมจะลองทำ เป็น check box ครับ ประมาณว่า ถ้าติก check box แล้ว จะมี textbox ให้กรอกข้อมูล



 

คือผมจะลองทำ เป็น check box ครับ ประมาณว่า ถ้าติก check box แล้ว จะมี textbox ให้กรอกข้อมูล

 



Topic : 036128



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



สถานะออฟไลน์




คือผมจะลองทำ เป็น check box ครับ ประมาณว่า ถ้าติก check box แล้ว จะมี textbox ให้กรอกข้อมูล ขึ้นมาอัตโนมัติ แต่ถ้าไมติก มันจะซ่อนอยู่นะครับ มีใครเคยทำบ้างครับ รบกวน แชร์ประสบการณ์หน่อยครับ



Tag : - - - -







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-12-23 10:52:19 By : tingtongkub View : 10369 Reply : 23
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


Code
<html>
<head>
<title></title>
</head>
<body>
<script language="javascript">
function fncShowHideInput(value) {
var input1 = document.getElementById('txtName1');
var input2 = document.getElementById('txtName2');
if(value.checked) {
input1.style.display='none';
input2.style.display='none';
}else{
input1.style.display='';
input2.style.display='';
}
}

function fncShowHideTable(value) {
var idTb = document.getElementById('tbMain');
if(value.checked){
idTb.style.display='none';
}else{
idTb.style.display='';
}
}
</script>

<form name="form1" method="post" action="">
<input type="checkbox" name="chkShowInput" value="Y" OnClick="JavaScript:fncShowHideInput(this);">
<input type="text" name="txtName" id="txtName1" value="">
<input type="text" name="txtName" id="txtName2" value="">
<br><br>
<input type="checkbox" name="chkShowTable" value="Y" OnClick="JavaScript:fncShowHideTable(this);">
<table width="26%" border="1" id="tbMain">
<tr>
<td></td>
</tr>
</table>
</form>
</body>
</html>







Date : 2009-12-23 11:09:47 By : Sek-Artdrinker
 


 

No. 2

Guest


jquery ผมมั่วมาได้แบบนี้

Code (PHP)
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#text').hide();
		
		$('#checkbox').click(function(){
			 var check = $('#checkbox') .attr( 'checked' );
			 if (check==true) {
			 	$('#text').show();
			 }else{
			 	$('#text').hide();
			 }

		});
		
	})
</script>

Date : 2009-12-23 11:54:42 By : ความรู้เท่าหางอึ่ง
 

 

No. 3



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



สถานะออฟไลน์


เดียวลองแปปครับ
Date : 2009-12-23 12:23:55 By : tingtongkub
 


 

No. 4



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



สถานะออฟไลน์


jquery ผมไม่รู้เรื่องครับ ยังไม่ได้ศึกษาครับ แต่ของ คุณ sek ได้แล้วครับ ติดอยู่นิดครับ คือผม อยากไห้เปิดขึ้นมาแล้ว textbox ซ่อนอยุ่ก่อครับ พอคลิก แล้วค่อยแสดง

ผมลองแก้ดูแล้ว
1.เวลาเปิดขึ้นมา มันจะแสดงอยู่ครับ
2.แต่พอ ติกอีกทีก็แสดงอยู่
3.แล้ว ติก ออก มันก็จะหายครับ

คืออยากไห้เปิดมาแล้ว ยังไม่ต้องขึ้นครับ
Date : 2009-12-23 13:34:33 By : tingtongkub
 


 

No. 5

Guest


ไม่รู้ได้หรือยัง ผมแก้ของพี่เสก โซโล เอ้ย โลโซ ครับ

Code (PHP)
<html>
<head>
<title></title>
<script language="javascript">
function fncShowHideInput(value) {
var input1 = document.getElementById('txtName1');
var input2 = document.getElementById('txtName2');
if(value.checked) {
input1.style.display='';
input2.style.display='';
}else{
input1.style.display='none';
input2.style.display='none';
}
}

function fncShowHideTable(value) {
var idTb = document.getElementById('tbMain');
if(value.checked){
idTb.style.display='';
}else{
idTb.style.display='none';
}
}

function hide() {
var input1 = document.getElementById('txtName1');
var input2 = document.getElementById('txtName2');
var idTb = document.getElementById('tbMain');
input1.style.display='none';
input2.style.display='none';
idTb.style.display='none';
}
</script>
</head>
<body onLoad="hide();">


<form name="form1" method="post" action="">
<input type="checkbox" name="chkShowInput" value="Y" OnClick="JavaScript:fncShowHideInput(this);">
<input type="text" name="txtName" id="txtName1" value="">
<input type="text" name="txtName" id="txtName2" value="">
<br><br>
<input type="checkbox" name="chkShowTable" value="Y" OnClick="JavaScript:fncShowHideTable(this);">
<table width="26%" border="1" id="tbMain">
<tr>
<td></td>
</tr>
</table>
</form>
</body>
</html>

Date : 2009-12-23 14:16:13 By : ความรู้เท่าหางอึ่ง
 


 

No. 6



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ลองอันนี้อ่าง่ายๆครับ
Code (PHP)
<html>
<head>
<title>number</title>
<script type="text/javascript">
	function ck_frm(){
		var ck = document.getElementById('ckk');
		if(ck.checked == true){
		document.getElementById('frm_txt').style.display = "";
		}else{
		document.getElementById('frm_txt').style.display = "none";
		}

	}
</script>
</head>
<body>
           <input type="checkbox" name="ckk" id="ckk" onClick="ck_frm();" />Form<br/>
     <div id="frm_txt" style="display:none;">
           <form name="frmAdmin" id="frmAdmin" action="pud_number.php" method="post">
                 <input type="text" name="txtnum" id="txtnum" value="" /><br/>
                 <input type="submit" name="btn" value="number" />
           </form>
       </div>
</body>
</html>

Date : 2009-12-23 14:21:06 By : aknueng
 


 

No. 7



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



สถานะออฟไลน์


ได้แล้วครับ ขอบคุณมากๆครับ +1 ทุกๆ ท่าน
Date : 2009-12-23 15:03:25 By : tingtongkub
 


 

No. 8



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



สถานะออฟไลน์


รบกวนอีกนิดครับ

หลังจากที่เราทำ checkbox แล้ว ถ้ากรณีที่ เราต้องการดึงข้อมูลจาก ตาราง มาแสดง แล้วถ้าเราเลือกติกไว้อยู่แล้ว เก็บค่าเป็น Y ต้องการที่จะทำเป็นหน้าแก้ไข แล้วให้มันแสดงขึ้นมาเลยว่า มีข้อมูลหรือเรา ติกไว้อยู่แล้ว ครับ จะคล้ายๆกับ radio ที่ว่าถ้าเราเลือกไว้เวลาเปิดที่หน้าแก้ไขก๋จะยังถูกเลือกอยุ่นะครับ
Date : 2009-12-24 10:03:01 By : tingtongkub
 


 

No. 9

Guest


<input <?php if (!(strcmp($data['ฟิลด์ที่เลือกมา'],"Y"))) {echo "checked=\"checked\"";} ?> name="checkbox" type="checkbox" id="checkbox" value="Y" />

แบบนี้ป่ะคับ

น่าจะมีสั้นกว่านี้
Date : 2009-12-24 10:17:04 By : ความรู้เท่าหางอึ่ง
 


 

No. 10



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


หมายถึงไปเรียกข้อมูลในฐานข้อมูลมา ถ้ามันมีข้อมูลให้ checkbox = checked และแสดง textbox ให้เราแก้ไขข้อมูลใช่หรือไม่ครับ

งั้นต้องเพิ่มเงื่อนไขจากโค้ดเดิม ให้ตรวจสอบข้อมูลก่อนว่า

ถ้ามีข้อมูลใน checkbox.checked = true และ textbox.style.display = ""

ถ้าไม่ใช่ให้ checkbox.checked = false และ textbox.style.display = "none"
Date : 2009-12-24 10:17:56 By : tungman
 


 

No. 11



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



สถานะออฟไลน์


แบบที่คุณ tungman บอกครับ แต่ผมใช้โค้ของคุณ Nueng

Code (PHP)
<html>
<head>
<title>number</title>
<script type="text/javascript">
	function ck_frm(){
		var ck = document.getElementById('ckk');
		if(ck.checked == true){
		document.getElementById('frm_txt').style.display = "";
		}else{
		document.getElementById('frm_txt').style.display = "none";
		}

	}
</script>
</head>
<body>
           <input type="checkbox" name="ckk" id="ckk" onClick="ck_frm();" />Form<br/>
     <div id="frm_txt" style="display:none;">
           <form name="frmAdmin" id="frmAdmin" action="pud_number.php" method="post">
                 <input type="text" name="txtnum" id="txtnum" value="" /><br/>
                 <input type="submit" name="btn" value="number" />
           </form>
       </div>
</body>



ต้องเพิ่มยังไงครับ
Date : 2009-12-24 10:26:31 By : tingtongkub
 


 

No. 12

Guest


Code (PHP)
<html>
<head>
<title>number</title>
<script type="text/javascript">
	function ck_frm(){
		var ck = document.getElementById('ckk');
		if(ck.checked == true){
		document.getElementById('frm_txt').style.display = "";
		}else{
		document.getElementById('frm_txt').style.display = "none";
		}

	}
</script>
</head>
<body onLoad="ck_frm();"> //<< เพิ่มตรงนี้
		<?php $i=1;?>  //<< อันนี้ทดสอบ สมมุติว่าเป็นข้อมูลจากฐานข้อมูล

           <input type="checkbox" name="ckk" id="ckk" <?php if ($i==1) {echo 'echo "checked=\"checked\"';} ?> onClick="ck_frm();"/>Form<br/>
       <div id="frm_txt" style="display:none;">
           <form name="frmAdmin" id="frmAdmin" action="pud_number.php" method="post">
                 <input type="text" name="txtnum" id="txtnum" value="" /><br/>
                 <input type="submit" name="btn" value="number" />
           </form>
       </div>
</body>


อย่างนี้ไหมคับ ผมก้อไม่ค่อยเก่ง แต่ลอง ๆ ดู
Date : 2009-12-24 10:48:42 By : ความรู้เท่าหางอึ่ง
 


 

No. 13



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



สถานะออฟไลน์


ตอนนี้ผมลองปรับโค้ดดูครับ แบบนี้ครับ

Code (PHP)
<?if($iqa=='y'){$iqac='checked="CHECKED"';}?>
<input name="ckk" type="checkbox" id="ckk" onclick="ck_frm();" <? echo $iqac;?> value="y"/> 
                              <div id="frm_txt" style="display:none;"> รายละเอียด 
                                <input name="txtnum" type="text" id="txtnum" value="<? echo $iqa_detail;?>" size="40" />


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

ต้องเพิ่มยังไงดีครับ
Date : 2009-12-24 11:01:38 By : tingtongkub
 


 

No. 14

Guest


<body onLoad="ck_frm();"> ลองเพิ่มตอน onload ได้ไหมอ่ะคับ
Date : 2009-12-24 11:07:06 By : ความรู้เท่าหางอึ่ง
 


 

No. 15



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



สถานะออฟไลน์


ได้แล้วครับ ขอบคุณมากครับ
Date : 2009-12-24 11:09:19 By : tingtongkub
 


 

No. 16

Guest



Date : 2009-12-24 11:13:17 By : ความรู้เท่าหางอึ่ง
 


 

No. 17



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


เร็วจัง โค้ดให้เสร็จ พอหันกลับมาดูอีกทีได้แล้ว

ยินดีด้วยครับ

อันนี้โค้ดผม

MyPage.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MyPage.aspx.cs" Inherits="MyPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBox ID="CheckBox1" runat="server" />
        <asp:Panel ID="Panel1" runat="server">
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <asp:Button ID="Button1" runat="server" Text="Button" />
        </asp:Panel>
    </div>
    </form>
</body>
</html>


MyPage.aspx.cs
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class MyPage : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        SqlDatabaseManager MyValue = new SqlDatabaseManager();

        MyValue.CommandString = "Select * From [Customer] Where [CustomerCode][email protected]";
        MyValue.AddParameter("@CustomerCode", SqlDbType.NVarChar, "5201945");

        DataTable Dt = MyValue.ExecuteQuery();

        if (Dt.Rows.Count > 0)
        {
            CheckBox1.Checked = true;
            TextBox1.Text = Dt.Rows[0]["CustomerThaiName"].ToString();
        }
        else
        {
            CheckBox1.Checked = false;
            Panel1.Attributes.Add("Style", "Display: none");
        }

        CheckBox1.Attributes.Add("OnClick", "ck_frm()");
        AddJavaScript();
    }

    private void AddJavaScript()
    { 
        // Build the JavaScript String
        System.Text.StringBuilder sb = new System.Text.StringBuilder();
        sb.Append("<script language=\"javascript\">\n");
        sb.Append("function ck_frm()\n");
        sb.Append("{\n");
        sb.Append("\t var ck = document.getElementById('");
        sb.Append(CheckBox1.ClientID);
        sb.Append("');\n");
        sb.Append("\t var dv = document.getElementById('");
        sb.Append(Panel1.ClientID);
        sb.Append("');\n\n");
        sb.Append("\t if (ck.checked == true)\n");
        sb.Append("\t {\n");
        sb.Append("\t\t dv.style.display = '';\n");
        sb.Append("\t }\n");
        sb.Append("\t else\n");
        sb.Append("\t {\n");
        sb.Append("\t\t dv.style.display = 'none';\n");
        sb.Append("\t }\n}\n");
        sb.Append("</script>\n\n");

        // Register the script code with the page.
        ClientScriptManager cs = Page.ClientScript;

        if (!cs.IsClientScriptBlockRegistered(this.GetType(), "ck_frm"))
            cs.RegisterClientScriptBlock(this.GetType(), "ck_frm", sb.ToString(), false);
    }
}

Date : 2009-12-24 11:30:27 By : tungman
 


 

No. 18



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

บอร์ด PHP มี .net c shap ด้วย
Date : 2009-12-24 11:42:22 By : aknueng
 


 

No. 19



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


ผมไม่ได้สอนเขาโค้ดนี่ครับ เราคุยถึง algoritm กัน

แล้วก็มาแอบดูวิธีการโค้ด php ด้วยว่าโค้ดกันอย่างไร ขอศึกษาหน่อยนะครับ
Date : 2009-12-24 12:01:27 By : tungman
 


 

No. 20

Guest


อย่าเรียกว่าสอนเลยครับ เอาว่าแนะนำ เรียนรู้ไปด้วยกัน

ถ้าอีสาน ๆ ก้อ น.ก.
Date : 2009-12-24 13:12:02 By : ความรู้เท่าหางอึ่ง
 


 

No. 21



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ผมก็อีสานครับ ^^

ก่อนเขียน php แต่ก่อนผมก็จับ .net c shap อ่าแต่ผมก็ งูๆปลาๆ
Date : 2009-12-24 13:23:23 By : aknueng
 


 

No. 22



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



สถานะออฟไลน์


ดี ครับ จะได้ หาความรู้ได้มากๆ ขอขอบคุณอีกรอบครับ
Date : 2009-12-24 14:20:27 By : tingtongkub
 


 

No. 23

Guest


PHP=> เป็นfrom ลงทะเบียน
จะดึงข้อมูลจากฐานข้อมูลมาแสดงใน radio button ทำยังไงค่ะ พอดีทำได้แต่ดึงมาแสดงได้แต่ใน textbox อ่ะน่ะ ใครรู้ช่วยบอกด้วยค่ะ
ที่เขียนไว้คือแบบนี้ต้องปรับตรงไหนค่ะ
<?
if($gender == "M")
{ $selectM = "checked";
$selectF = ""; }
else
{ $selectF = "";
$selectM = "checked"; }
?>
<input type="radio" name="gender" value="male" <? echo $selectM;?>/>
ชาย</label>
<br />
<label>
<input name="gender" type="radio" value="female" <? echo $selectF;?> />
</label>
หญิง

ขอบคุณมากๆล่วงหน้าค่ะ
Date : 2012-01-18 14:49:04 By : Patty
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : คือผมจะลองทำ เป็น check box ครับ ประมาณว่า ถ้าติก check box แล้ว จะมี textbox ให้กรอกข้อมูล
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่