Forgot Password ??

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

	Registered : 109,030

HOME > PHP > PHP Forum > ถามเรื่อง Java script หน่อยค่ะ อยากถามเรื่อง java script หนอยค่ะ คือหนูอยากให้คลิกเลือก checkbox ตรง select ข้างหน้าเช่น

ถามเรื่อง Java script หน่อยค่ะ อยากถามเรื่อง java script หนอยค่ะ คือหนูอยากให้คลิกเลือก checkbox ตรง select ข้างหน้าเช่น

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

Guest

อยากถามเรื่อง java script หนอยค่ะ

คือหนูอยากให้คลิกเลือก checkbox ตรง select ข้างหน้าเช่น เลือก Test room service 1 แล้ว โชว เลข 1 ที่ textbox Quantity ตัวที่ 1 แล้วเมื่อคลิกเลือก Test service service 3 แล้วก็โชว์เลข 1 ที่ textbox ตัวที่ 2 ตามรูปค่ะ ขอบคุณมากมายค่ะ

sel

Tag : - - - -

Date : 2009-08-20 15:09:22

By : แพร

View : 1089

Reply : 18

No. 1

A-mac

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

Code (PHP)

<input name="c1" id="c1" type="checkbox" value="c1" onclick="toggleCheckbox(this,1)" /><input name="t1" id="t1" type="text" />
<br />
<input name="c2" id="c2" type="checkbox" value="c2" onclick="toggleCheckbox(this,2)" /><input name="t2" id="t2"  type="text" />
<script language="JavaScript">
function toggleCheckbox(obj,i)
{
if(obj.checked)
document.getElementById('t'+i).value="1";
else
document.getElementById('t'+i).value="";
}
</script>

Date : 2009-08-20 15:32:38

By : lozomac

No. 2

Guest

ขอบคุณ คุณ a-mac นะคะ แต่ยังไม่ได้ค่ะ ไม่ทราบว่าผิดตรงไหน ช่วยดูหน่อยค่ะ

<script language="JavaScript">
function toggleCheckbox(obj,i)
{

if(obj.checked)
{

document.getElementById('rservice_qty[]'+i).value="1";

}else{

document.getElementById('rservice_qty[]'+i).value="";

}
</script>

<input name="rservice[]" type="checkbox" id="rservice[]" value="checkbox" onclick="toggleCheckbox(this,rservice_qty[])" />

<input type="text" name="rservice_qty[]" id="rservice_qty[]" style="width:35px; text-align:center;" />

Date : 2009-08-20 15:51:45

By : แพร

No. 3

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

id="rservice[]" id="rservice_qty[]" หาวิธีเปลี่ยนให้เป็น rservice1 กับ rservice_qty1

แล้วตรงนี้เปลี่ยนเป็น onclick="toggleCheckbox(this,rservice_qty1)"

ตัวเลข 1 คงต้องใช้ $i บวกไปเรื่อยๆ จนจบลูปเอานะ งงปะอะ

Date : 2009-08-20 16:03:26

By : plakrim

No. 4

A-mac

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

Quote:
ขอบคุณ คุณ a-mac นะคะ แต่ยังไม่ได้ค่ะ ไม่ทราบว่าผิดตรงไหน ช่วยดูหน่อยค่ะ

<script language="JavaScript">
function toggleCheckbox(obj,i)
{

if(obj.checked)
{

document.getElementById('rservice_qty[]'+i).value="1";

}else{

document.getElementById('rservice_qty[]'+i).value="";

}
</script>

<input name="rservice[]" type="checkbox" id="rservice[]" value="checkbox" onclick="toggleCheckbox(this,rservice_qty[])" />

<input type="text" name="rservice_qty[]" id="rservice_qty[]" style="width:35px; text-align:center;" />

ืname ให้คงรูปแบบ rservice_qty[] เหมือนเดิม แต่ ตัวสีแดง ต้องเปลี่ยนไปตามรอบลูป
Code (PHP)

<script language="JavaScript">
function toggleCheckbox(obj,i)
{

if(obj.checked)
{

document.getElementById('rservice_qty'+i).value="1";

}else{

document.getElementById('rservice_qty'+i).value="";

}
</script>


<input name="rservice[]" type="checkbox" id="rservice1" value="checkbox" onclick="toggleCheckbox(this,1)" />

<input type="text" name="rservice_qty[]" id="rservice_qty1" style="width:35px; text-align:center;" />

Date : 2009-08-20 16:16:03

By : lozomac

No. 5

A-mac

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

มันไม่แดง เอาใหม่ครับ
Code

Date : 2009-08-20 16:18:20

By : lozomac

No. 6

Guest

Quote:
มันไม่แดง เอาใหม่ครับ
Code
<script language="JavaScript">
function toggleCheckbox(obj,i)
{

if(obj.checked)
{

document.getElementById('rservice_qty'+i).value="1";

}else{

document.getElementById('rservice_qty'+i).value="";

}
</script>

<input name="rservice[]" type="checkbox" id="rservice1" value="checkbox" onclick="toggleCheckbox(this,1)" />

<input type="text" name="rservice_qty[]" id="rservice_qty1" style="width:35px; text-align:center;" />

ทำตามที่คุณ a-mac แล้วแต่ยังไม่ได้เลยค่ะ

Date : 2009-08-20 16:38:39

By : แพร

No. 7

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

เอาโค๊ดตัว gen หน้านี้ให้ a-mac ช่วยดูให้เลยดีกว่า ผมว่าคุณยังไม่ค่อยเข้าใจที่ a-mac บอก

Date : 2009-08-20 16:45:02

By : plakrim

No. 8

Guest

Code (PHP)

<?php

<table width="98%" border="0" align="center" cellpadding="0" cellspacing="2" class="outline_msg">
                  <tr bgcolor="#E0DDEB">
                    <td width="12%" align="center" valign="middle"><b>Select</b></td>
                    <td width="61%" align="center" valign="middle"><b>Service Name</b></td>
                    <td width="11%" align="center" valign="middle"><b>Price</b></td>
                    <td width="16%" align="center" valign="middle"><b>Quantity</b></td>
                    
                  </tr>
				  <?
				   
			     $intRows = 0; 
		         $count_num = 1;	
		         $count = 0;
				 
				  
			     $sqlr = "SELECT * FROM hotel_roomservice_tbl WHERE hotel_id='$hotel'";
			 
				 $resultr = mysql_query($sqlr);
				 
				 
				 
				 $page = 1;
				 		   
		         while($rsr = mysql_fetch_array($resultr))
		         {
				 
				   
				 
				   $intRows = (($page-1)*10)+ $count_num;
				   $count_num++;
				   $count++;
				   
				  
				   if($intRows%2==0)
                    {
                 
				      $rcolor="#F1F1F1";
               
			        }else{
			   
			   
                      $rcolor="#FFFFFF";
               
			        }
				  ?>
				  
				  <script language="JavaScript">
                    function toggleCheckbox(obj,i)
                     {
                       
					   if(obj.checked)
					   {
					   
                         document.getElementById('rservice_qty'+i).value="1";
                       
					   }else{
					   
                         document.getElementById('rservice_qty'+i).value="";
                       }
                   </script> 
		          
				  
                   <tr bgcolor="<?=$rcolor?>" style="width:100%;"
 onMouseover="this.style.backgroundColor='#ECF6FF';"
 onMouseout="this.style.backgroundColor='<?=$rcolor?>';">
                    <td align="center" valign="top"><input name="rservice[]" type="checkbox" id="rservice1" value="checkbox" onclick="toggleCheckbox(this,rservice_qty[])" /></td>
                    <td align="left" valign="top">
					<div><b><?=$rsr[rservice_name]?></b></div>
					<div><?=nl2br($rsr[rservice_desc])?></div>
					
					</td>
                    <td align="center" valign="top"><?=$rsr[rservice_price]?></td>
                    <td align="center" valign="top">
					<input type="text" name="rservice_qty[]" id="rservice_qty1"  style="width:35px; text-align:center;" />
					</td>
                    
                  </tr>
				  
				  <?
				  				  
				  }
				  ?>
				 
                </table>

?>

ลองดูนะคะว่าผิดตรงไหน คุณ a-mac

Date : 2009-08-20 16:57:52

By : แพร

No. 9

Guest

Code (PHP)

<?php

<table width="98%" border="0" align="center" cellpadding="0" cellspacing="2" class="outline_msg">
                  <tr bgcolor="#E0DDEB">
                    <td width="12%" align="center" valign="middle"><b>Select</b></td>
                    <td width="61%" align="center" valign="middle"><b>Service Name</b></td>
                    <td width="11%" align="center" valign="middle"><b>Price</b></td>
                    <td width="16%" align="center" valign="middle"><b>Quantity</b></td>
                    
                  </tr>
				  <?
				   
			     $intRows = 0; 
		         $count_num = 1;	
		         $count = 0;
				 
				  
			     $sqlr = "SELECT * FROM hotel_roomservice_tbl WHERE hotel_id='$hotel'";
			 
				 $resultr = mysql_query($sqlr);
				 
				 
				 
				 $page = 1;
				 		   
		         while($rsr = mysql_fetch_array($resultr))
		         {
				 
				   
				 
				   $intRows = (($page-1)*10)+ $count_num;
				   $count_num++;
				   $count++;
				   
				  
				   if($intRows%2==0)
                    {
                 
				      $rcolor="#F1F1F1";
               
			        }else{
			   
			   
                      $rcolor="#FFFFFF";
               
			        }
				  ?>
				  
				  <script language="JavaScript">
                    function toggleCheckbox(obj,i)
                     {
                       
					   if(obj.checked)
					   {
					   
                         document.getElementById('rservice_qty'+i).value="1";
                       
					   }else{
					   
                         document.getElementById('rservice_qty'+i).value="";
                       }
                   </script> 
		          
				  
                   <tr bgcolor="<?=$rcolor?>" style="width:100%;"
 onMouseover="this.style.backgroundColor='#ECF6FF';"
 onMouseout="this.style.backgroundColor='<?=$rcolor?>';">
                    <td align="center" valign="top"><input name="rservice[]" type="checkbox" id="rservice1" value="checkbox" onclick="toggleCheckbox(this,1)" /></td>
                    <td align="left" valign="top">
					<div><b><?=$rsr[rservice_name]?></b></div>
					<div><?=nl2br($rsr[rservice_desc])?></div>
					
					</td>
                    <td align="center" valign="top"><?=$rsr[rservice_price]?></td>
                    <td align="center" valign="top">
					<input type="text" name="rservice_qty[]" id="rservice_qty1"  style="width:35px; text-align:center;" />
					</td>
                    
                  </tr>
				  
				  <?
				  				  
				  }
				  ?>
				 
                </table>

?>

Date : 2009-08-20 17:17:01

By : แพร

No. 10

A-mac

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

เอาตามโค้ดอันล่าสุดที่โพสนะครับ

Code (PHP)

<table width="98%" border="0" align="center" cellpadding="0" cellspacing="2" class="outline_msg">
                  <tr bgcolor="#E0DDEB">
                    <td width="12%" align="center" valign="middle"><b>Select</b></td>
                    <td width="61%" align="center" valign="middle"><b>Service Name</b></td>
                    <td width="11%" align="center" valign="middle"><b>Price</b></td>
                    <td width="16%" align="center" valign="middle"><b>Quantity</b></td>
                    
                  </tr>
				  <?
			     $intRows = 0; 
		         $count_num = 1;	
		         $count = 0;
			     $sqlr = "SELECT * FROM hotel_roomservice_tbl WHERE hotel_id='$hotel'";
				 $resultr = mysql_query($sqlr);
				 $page = 1;
		         while($rsr = mysql_fetch_array($resultr))
		         {
				   $intRows = (($page-1)*10)+ $count_num;
				   $count_num++;
				   $count++;
				   if($intRows%2==0)
                    {
				      $rcolor="#F1F1F1";
			        }else{
                      $rcolor="#FFFFFF";
			        }
				  ?>
<tr bgcolor="<?=$rcolor?>" style="width:100%;"
 onMouseover="this.style.backgroundColor='#ECF6FF';"
 onMouseout="this.style.backgroundColor='<?=$rcolor?>';">
  <td align="center" valign="top"><input name="rservice[]" type="checkbox" id="rservice<?=$count?>" value="checkbox" onClick="toggleCheckbox(this,<?=$count?>)" /></td>
  <td align="left" valign="top"><div><b>
      <?=$rsr[rservice_name]?>
      </b></div>
    <div>
      <?=nl2br($rsr[rservice_desc])?>
    </div></td>
  <td align="center" valign="top"><?=$rsr[rservice_price]?></td>
  <td align="center" valign="top"><input type="text" name="rservice_qty[]" id="rservice_qty<?=$count?>"  style="width:35px; text-align:center;" />
  </td>
</tr>
<?
 } //end while($rsr = mysql_fetch_array($resultr))
?>
</table>
<script language="JavaScript">
                    function toggleCheckbox(obj,i)
                     {
                       
					   if(obj.checked)
					   {
					   
                         document.getElementById('rservice_qty'+i).value="1";
                       
					   }else{
					   
                         document.getElementById('rservice_qty'+i).value="";
                       }
                   </script>

Date : 2009-08-20 17:26:08

By : lozomac

No. 11

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ของเขาดีจริงๆ

Date : 2009-08-20 17:27:28

By : plakrim

No. 12

Guest

หนูลองทำตามแล้วนะคะ โดย copy ตัวที่คุณ a-mac แก้ มาวาง แต่ก็ยังไม่ได้ค่ะ เอ๊ะ หรือว่าหนูโง่เอง ยังไงก็บอบคุณ คุณ A-mac และ คุณ PlaKriM มากมายนะคะ

Date : 2009-08-20 17:41:55

By : แพร

No. 13

A-mac

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

น่าจะได้แล้วนะครับ เวลารันแล้วเปิดด้วย ie ไม่ทราบว่ามี error สีเหลืองที่มุมซ้ายล่างของจอรึป่าวครับ

msn: [email protected]

จะแอดก็ได้นะครับ

Date : 2009-08-20 18:13:15

By : lozomac

No. 14

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

เปิดด้วย firefox แล้ว ctrl+shift+j มันจะบอกว่า error ตรงไหน

Date : 2009-08-20 19:46:04

By : plakrim

No. 15

Guest

Quote:
น่าจะได้แล้วนะครับ เวลารันแล้วเปิดด้วย ie ไม่ทราบว่ามี error สีเหลืองที่มุมซ้ายล่างของจอรึป่าวครับ

ยังไม่ได้ค่ะมี Error: Object expected

Quote:
เปิดด้วย firefox แล้ว ctrl+shift+j มันจะบอกว่า error ตรงไหน

มีค่ะ Error : toggleCheckbox is not defined

Date : 2009-08-21 09:28:25

By : แพร

No. 16

A-mac

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

Quote:
<script language="JavaScript">
function toggleCheckbox(obj,i)
{

if(obj.checked)
{

document.getElementById('rservice_qty'+i).value="1";

}else{

document.getElementById('rservice_qty'+i).value="";
}
</script>

เจอแล้วครับ ตกปีกกาตัวนึง
Code (PHP)

<script language="JavaScript">
function toggleCheckbox(obj,i)
{
                       
					   if(obj.checked)
					   {
					   
                         document.getElementById('rservice_qty'+i).value="1";
                       
					   }else{
					   
                         document.getElementById('rservice_qty'+i).value="";
                       }
} //this
                   </script>

Date : 2009-08-21 16:07:49

By : lozomac

No. 17

Guest

ขอบคุณมากมายค่ะ คุณ A-mac

ถ้าจะเพิ่ม java script ว่า

ถ้ายังไม่คลิกเลือก checkbox rservice[] ให้ textbox rservice_qty[] ยังใช้งานไม่ได้ (disable)
แต่ถ้าคลิกเลือก rservice[] แล้วให้ textbox rservice_qty[] ใช้งานได้ (enable) ต้องเพิ่มยังไงคะ

Date : 2009-08-24 11:51:17

By : แพร

No. 18

Guest

ได้แล้วค่ะๆ

Code (PHP)

<?php

<script language="JavaScript">
function toggleCheckbox(obj,i)
{
                        
   if(obj.checked)
    {
      document.getElementById('rservice_qty'+i).disabled = false;                 
      document.getElementById('rservice_qty'+i).value="1";
                        
    }else{
      document.getElementById('rservice_qty'+i).disabled = true;                  
      document.getElementById('rservice_qty'+i).value="";
    }
} 
</script>

?>

Date : 2009-08-24 11:57:22

By : แพร

ค้นหาข้อมูล

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

Re : ถามเรื่อง Java script หน่อยค่ะ อยากถามเรื่อง java script หนอยค่ะ คือหนูอยากให้คลิกเลือก checkbox ตรง select ข้างหน้าเช่น

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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