Forgot Password ??

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

	Registered : 109,037

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

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

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

tong

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

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

Tag : - - - -

Date : 2009-12-23 10:52:19

By : tingtongkub

View : 14362

Reply : 23

No. 1

Sek-Artdrinker

โพสกระทู้ ( 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

tong

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

เดียวลองแปปครับ

Date : 2009-12-23 12:23:55

By : tingtongkub

No. 4

tong

โพสกระทู้ ( 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

Nueng

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

ลองอันนี้อ่าง่ายๆครับ
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

tong

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

ได้แล้วครับ ขอบคุณมากๆครับ +1 ทุกๆ ท่าน

Date : 2009-12-23 15:03:25

By : tingtongkub

No. 8

tong

โพสกระทู้ ( 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

xxx

โพสกระทู้ ( 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

tong

โพสกระทู้ ( 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

tong

โพสกระทู้ ( 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

tong

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

ได้แล้วครับ ขอบคุณมากครับ

Date : 2009-12-24 11:09:19

By : tingtongkub

No. 16

Guest

Date : 2009-12-24 11:13:17

By : ความรู้เท่าหางอึ่ง

No. 17

xxx

โพสกระทู้ ( 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]=@CustomerCode";
        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

Nueng

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

บอร์ด PHP มี .net c shap ด้วย

Date : 2009-12-24 11:42:22

By : aknueng

No. 19

xxx

โพสกระทู้ ( 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

Nueng

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

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

ก่อนเขียน php แต่ก่อนผมก็จับ .net c shap อ่าแต่ผมก็ งูๆปลาๆ

Date : 2009-12-24 13:23:23

By : aknueng

No. 22

tong

โพสกระทู้ ( 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 ให้กรอกข้อมูล

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); คือผมจะลองทำ เป็น check box ครับ ประมาณว่า ถ้าติก check box แล้ว จะมี textbox ให้กรอกข้อมูล

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

No. 19

No. 20

No. 21

No. 22

No. 23

ค้นหาข้อมูล

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

Notice

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