Array in Checkboxes

[whitemoss]

Hi All,

I need to write a javascript code where when user clicked the checkbox, then the textboxes beside it appears. I already write that code but unfortunately, it didn't work as expected. the textboxes didnt appear even though the checkbox has been checked. Below are the code:

Code: Select all

<script language="javascript">

function show(chkbox,txt1,txt2) 
{	
	if (chkbox.checked == true) 
	{
		document.getElementById(txt1).style.visibility = "visible";
		document.getElementById(txt2).style.visibility = "visible";
	}
	else 
	{
		document.getElementById(txt1).style.visibility = "hidden";
		document.getElementById(txt2).style.visibility = "hidden";
	}
}

</script>

Code: Select all

<form name="form" method="post" action="bcastTime.php">
	  <table width="335"  border="0" align="center" bgcolor="#CCCCCC" id="myTable[]">
	 
        <? 	
			$query = "Select * from BcastTime";
			$result= mysql_query($query) or die ("Query Failed!");
			$i = 0;
		?>
			
        		
		<?
			while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) 
			{
				$StartTime = $row["StartTime"];
				$EndTime= $row["EndTime"];
				$Day	= $row["Day"];
		?> <tr>
				<td> 
				<?
					echo "<input id='chkbox[$i]' type='checkbox' value=$Day onclick='show(this,'txt1[$i]','txt2[$i]');'>";
					echo $Day;
				?>
				</td>
				<td>
				<? 
					echo "<div align='center'>";
					echo "<input name='StartBcast' type='text' id='txt1[$i]' value=$StartTime size='10' style='visibility:hidden;'>"; 
				   	echo "</div>";
				?> 
				</td>
				<td>
				<?
				   echo "<div align='center'>";
				   echo "<input name='EndBcast' type='text' id='txt2[$i]' value=$EndTime size='10' style='visibility:hidden;'>";
				   echo "</div>"; 
				?>
				</td>
	  		</tr>   
			<? $i++; }  ?>   
		</table>
		<table border="0" p align="center" width="340">
			<tr>
          		<td colspan="6"><div align="left"><span class="style11">* Use 24 hour format only </span></div></td>
        	</tr>
			<tr><td>&nbsp;</td></tr>
			<tr>
          		<td colspan="6"><div align="center">
					<input type="submit" name="Submit" value="Submit">
          		  	<input type="reset" name="Submit2" value="Reset"></div></td>
        	</tr>
		</table>
      </form>

Any help is much appreciated..Thanks a lot

[sanketce]

try below code necessary modification in your code

Code: Select all

document.getElementById("yourid").style.display="block";
document.getElementById("yourid").style.display="none";