Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > ช่วยหน่อยครับด่วนสมควรครับ ผมมีโค้ด checkbox สองตัวนะครับสามารดเลือกให้แสดงหรือปิดตารางได้ดังนี้

ช่วยหน่อยครับด่วนสมควรครับ ผมมีโค้ด checkbox สองตัวนะครับสามารดเลือกให้แสดงหรือปิดตารางได้ดังนี้

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

Guest

ผมมีโค้ด checkbox สองตัวนะครับสามารดเลือกให้แสดงหรือปิดตารางได้ดังนี้ <form name="regis" method="post" action="">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="14%" valign="top"><input name="cb1" type="checkbox" id="cb1" onClick="if(this.checked){document.all.tb1.style.display='';}else{document.all.tb1.style.display='none';}" value="1" checked="checked"></td>
<td width="86%">
<table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb1" style="display='none';">
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input type="text" name="textfield"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input type="text" name="textfield2"></td>
</tr>
<tr>
<td height="32">XXXX</td>
<td><input type="text" name="textfield3"></td>
</tr>
</table>
  </td>
</tr>
<tr>
<td valign="top"><input name="cb2" type="checkbox" id="cb2" value="2" onClick="if(this.checked){document.all.tb2.style.display='';}else{document.all.tb2.style.display='none';}"></td>
<td><table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb2" style="display='none';">
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input type="text" name="textfield4"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input type="text" name="textfield5"></td>
</tr>
<tr>
<td height="33">XXXX</td>
<td><input type="text" name="textfield6"></td>
</tr>
</table>
  </td>
</tr>
</table>
</form>

ผมอยากได้เป็นว่า ถ้าผมเลือกตัวแรกจะไม่สามารดเลือกตัวที่สองได้ง่ายๆคือต้องเลือกตัวใดตัวหนึ่งและค่าtextbox ที่อยู่นั้นก็เปลี่ยนไปด้วยเช่น ถ้าเลือกตัวแรก textbox ที่อยู่ในcheckbox สองจะ disable หมดเลยครับ ช่วยตอบด้วยนะครับ ขอบคุณครับ

Tag : - - - -

Date : 4 ธ.ค. 2551 14:10:02

By : sorin

View : 1102

Reply : 7

No. 1

Guest

ที่เข้าใจแบบนี้รึป่าวค่ะ

<script language="javascript">
function rdochecked(std){
//alert("rdochecked");
if(std==1){
document.getElementById("txt21").setAttribute("disabled","disabled");
document.getElementById("txt22").setAttribute("disabled","disabled");
document.getElementById("txt23").setAttribute("disabled","disabled");
document.getElementById("txt11").removeAttribute("disabled");
document.getElementById("txt12").removeAttribute("disabled");
document.getElementById("txt13").removeAttribute("disabled");
}else if(std==2){
document.getElementById("txt11").setAttribute("disabled","disabled");
document.getElementById("txt12").setAttribute("disabled","disabled");
document.getElementById("txt13").setAttribute("disabled","disabled");
document.getElementById("txt21").removeAttribute("disabled");
document.getElementById("txt22").removeAttribute("disabled");
document.getElementById("txt23").removeAttribute("disabled"); }
}
</script>
<form name="regis" method="post" action="">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="14%" valign="top"><label>
<input name="rdo" type="radio" value="1" id="1" onClick="rdochecked(1)">
</label></td>
<td width="86%">
<table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb1" >
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input name="txt11" type="text" id="txt11" value="test1"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input name="txt12" type="text" id="txt12" value="test2"></td>
</tr>
<tr>
<td height="32">XXXX</td>
<td><input name="txt13" type="text" id="txt13" value="test3"></td>
</tr>
</table>
  </td>
</tr>
<tr>
<td valign="top"><label>
<input name="rdo" type="radio" value="2" id="2" onClick="rdochecked(2)">
</label></td>
<td><table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb2">
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input name="txt21" type="text" id="txt21" value="test4"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input name="txt22" type="text" id="txt22" value="test5"></td>
</tr>
<tr>
<td height="33">XXXX</td>
<td><input name="txt23" type="text" id="txt23" value="test6"></td>
</tr>
</table>
  </td>
</tr>
</table>
</form>

Date : 4 ธ.ค. 2551 14:49:49

By : jewels

No. 2

Guest

ประมาณนี้นะครับ แต่ว่าอยากให้เป็น checkbox เหมือนเดิมไม่ได้เหรอครับ

Date : 4 ธ.ค. 2551 15:27:15

By : sorin

No. 3

Guest

ได้สิค่ะ แต่มันแปลกนะๆ ส่วนมาก check box จะสื่อความหมายว่า เลือกได้มากกว่า 1 อย่าง แต่ rediobutton จะหมายความว่าเลือกอย่างใดอย่างนึง นะ

<script language="javascript">
function rdochecked(std){
//alert("rdochecked");

if(std==1){
document.getElementById("txt21").setAttribute("disabled","disabled");
document.getElementById("txt22").setAttribute("disabled","disabled");
document.getElementById("txt23").setAttribute("disabled","disabled");
document.getElementById("txt11").removeAttribute("disabled");
document.getElementById("txt12").removeAttribute("disabled");
document.getElementById("txt13").removeAttribute("disabled");
document.regis.chk2.checked=false;
}else if(std==2){
document.getElementById("txt11").setAttribute("disabled","disabled");
document.getElementById("txt12").setAttribute("disabled","disabled");
document.getElementById("txt13").setAttribute("disabled","disabled");
document.getElementById("txt21").removeAttribute("disabled");
document.getElementById("txt22").removeAttribute("disabled");
document.getElementById("txt23").removeAttribute("disabled");
document.regis.chk1.checked=false;
}
}
</script>
<form name="regis" method="post" action="">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="14%" valign="top"><label>
<input type="checkbox" id="chk1" name="chk1" value="checkbox" onClick="rdochecked(1)">
</label></td>
<td width="86%">
<table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb1" >
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input name="txt11" type="text" id="txt11" value="test1"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input name="txt12" type="text" id="txt12" value="test2"></td>
</tr>
<tr>
<td height="32">XXXX</td>
<td><input name="txt13" type="text" id="txt13" value="test3"></td>
</tr>
</table>
  </td>
</tr>
<tr>
<td valign="top"><label>
<input type="checkbox" id="chk2" name="chk2" value="checkbox" onClick="rdochecked(2)">
</label></td>
<td><table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb2">
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input name="txt21" type="text" id="txt21" value="test4"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input name="txt22" type="text" id="txt22" value="test5"></td>
</tr>
<tr>
<td height="33">XXXX</td>
<td><input name="txt23" type="text" id="txt23" value="test6"></td>
</tr>
</table>
  </td>
</tr>
</table>
</form>

Date : 4 ธ.ค. 2551 15:51:40

By : jewels

No. 4

Guest

ขอบคุณครับ แล้วถ้าผมอยากให้เปิดมาครั้งแรกมีcheckbox ตัวใดตัวหนึงcheked ไปแล้วคิอเปิดมาแล้วต้องมีเลือกตัวใดตัวหนึ่งแล้วอีกตัวหนึ่งจะ disable นะครับ ทำอย่างนี้เพือว่าเวลาเขามากรอกข้อมูลครั้งไม่ให้เขากรอกได้ทั้งหมดนะครับ ขอบคุณครับ

Date : 4 ธ.ค. 2551 16:44:53

By : sorin

No. 5

Guest

ก็ต้อง set default สิค่ะ ทั้งตัว check box แล้ว set disable เป็นค่า ตั้งต้นของ text box แบบนี้ค่ะ

<script language="javascript">
function rdochecked(std){
//alert("rdochecked");

if(std==1){
document.getElementById("txt21").setAttribute("disabled","disabled");
document.getElementById("txt22").setAttribute("disabled","disabled");
document.getElementById("txt23").setAttribute("disabled","disabled");
document.getElementById("txt11").removeAttribute("disabled");
document.getElementById("txt12").removeAttribute("disabled");
document.getElementById("txt13").removeAttribute("disabled");
document.regis.chk2.checked=false;
}else if(std==2){
document.getElementById("txt11").setAttribute("disabled","disabled");
document.getElementById("txt12").setAttribute("disabled","disabled");
document.getElementById("txt13").setAttribute("disabled","disabled");
document.getElementById("txt21").removeAttribute("disabled");
document.getElementById("txt22").removeAttribute("disabled");
document.getElementById("txt23").removeAttribute("disabled");
document.regis.chk1.checked=false;
}
}
</script>
<form name="regis" method="post" action="">
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="14%" valign="top"><label>
<input name="chk1" type="checkbox" id="chk1" onClick="rdochecked(1)" value="checkbox" checked>
</label></td>
<td width="86%">
<table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb1" >
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input name="txt11" type="text" id="txt11" value="test1" ></td>
</tr>
<tr>
<td>XXXX</td>
<td><input name="txt12" type="text" id="txt12" value="test2" ></td>
</tr>
<tr>
<td height="32">XXXX</td>
<td><input name="txt13" type="text" id="txt13" value="test3" ></td>
</tr>
</table>
  </td>
</tr>
<tr>
<td valign="top"><label>
<input type="checkbox" id="chk2" name="chk2" value="checkbox" onClick="rdochecked(2)">
</label></td>
<td><table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb2">
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input name="txt21" type="text" id="txt21" value="test4" disabled="disabled"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input name="txt22" type="text" id="txt22" value="test5" disabled="disabled"></td>
</tr>
<tr>
<td height="33">XXXX</td>
<td><input name="txt23" type="text" id="txt23" value="test6" disabled="disabled"></td>
</tr>
</table>
  </td>
</tr>
</table>
<p>
<label></label>
</p>
</form>

Date : 4 ธ.ค. 2551 16:57:59

By : jewels

No. 6

Guest

ขอบคุณมากเดียวลองดูก่อนนะครับ

Date : 4 ธ.ค. 2551 17:05:31

By : sorin

No. 7

Guest

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

Date : 4 ธ.ค. 2551 18:21:52

By : sorin

ค้นหาข้อมูล

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

Re : ช่วยหน่อยครับด่วนสมควรครับ ผมมีโค้ด checkbox สองตัวนะครับสามารดเลือกให้แสดงหรือปิดตารางได้ดังนี้

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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