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> </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>