PHPコーディングを使用してテキストボックスを非表示にする方法を理解しようとしています。3つのラジオボタンと3つのテキストボックスを含むフォームを使用しています。ページが読み込まれるときに、3つのラジオボタンと最初の2つのテキストボックスのみを表示し、最後のテキストボックスを非表示にします。ユーザーが[更新]ラジオボタンをクリックすると、2番目のテキストボックスが非表示になり、3番目のテキストボックスが表示されます。このコードでこれをどのように達成しますか?
このコードを使用すると、テキストボックスを非表示にできます。しかし、非表示になっているテキストボックスに関連付けられているテキストも非表示にする方法はありますか?
<html>
<head><title></title>
<script type="text/javascript">
function show()
{
if (document.getElementById('ins').checked){
document.getElementById("zn").style.display = "block";
document.getElementById("gpa").style.display = "block";
document.getElementById("ngpa").style.display = "none";
}
}
</script>
</head>
<body>
<form action = "index.php" method = 'post'>
<input type="radio" name="group" id = "ins" onclick="show()" /> Insert Student <br />
<input type="radio" name="group" id = "upd" /> Update Student <br />
<input type="radio" name="group" id = "del" /> Delete Student <br />
Enter Z-number: <input type='text' name = 'z' maxlength='9' />
<br />Enter GPA: <input type='text' name='gpa' />
<br /> Enter new GPA: <input type="text" name ="ngpa" value ="false" />
<br /><input type='submit' value='Submit request' name='submit' />
</form>
<?php
if (isset($_POST['z'])) {
$con = mysql_connect('localhost', 'jtinio', 'jtin666');
if ($con) {
mysql_select_db('jtinio', $con);
$sql = "INSERT INTO Students VALUES (' ".$_POST['z']." ' , " .$_POST['gpa'].")";
if (mysql_query($sql, $con)) echo 'Operation succeeded';
else echo 'Not succeeded ' .mysql_error();
if (isset($_POST['ins'])) {
$sql = "SELECT * FROM Students";
$res = mysql_query($sql, $con);
echo "<table border ='1'>";
echo "<tr><th>Znum</th><th>GPA</th></tr>";
while ($r = mysql_fetch_array($res)) {
echo "<tr><td>".$r['Znum']."</td></td>".$r['gpa']."</td></tr>";
}
echo "</table>";
}
mysql_close($con);
}
else {
echo 'Insertion failed'. 'Could not connect to DB.';}
}
?>
</body>
</html>