Sesapa ada function tok hide column dlm php
salam semua,Ali nak mintak tolong pada otai2 php berkenaan 2 perkara berikut :
1) Ali ada create 2 radio button Ya n Tidak. Pastu Ali nak, bila Ali pilih Ya, hidden row/column yang ali dah create akan display.
2) Ali ada 2 alamat. Alamt tetap ngan alamat Pos. Peh2 ali nak bila Ali masukkan alamat Tetap, and then ali klik kat checkbox yang ali dah create "Adakah alamat tetap sama dengan alamat Pos". Bila Alik tick sama, automatik alamat tetap tersebut akan masuk field alamat pos. Ali menggunakan 4 field bagi setiap alamat .
Kalau sesapa pernah buat ada ada source code dia, sukacitalah dapat di share bersama. Terima kasih. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Untitled Document</title>
<script type="text/javascript" >
function hidden()
{
var td=document.getElementsByClassName("soalan1");
for(var i=0;i<td.length;i++){
td.style.display="none";
}
}
function show(input)
{
hidden();
if(navigator.appName.indexOf("Microsoft")!=-1){document.getElementById(input).style.display="block";}
else{document.getElementById(input).style.display="table-row";}
}
function same(input)
{
if(input=="ya"){
document.getElementById("alamat_pos1").value=document.getElementById("alamat_tetap1").value;
document.getElementById("alamat_pos2").value=document.getElementById("alamat_tetap2").value;
}else{
document.getElementById("alamat_pos1").value="";
document.getElementById("alamat_pos2").value="";
}
}
</script>
</head>
<body onload="hidden('soalan1');">
<table width="100%">
<tr>
<td width="100">Soalan 1 </td>
<td><input name="soalan" type="radio" value="radiobutton" onclick="show('jawapan1');" />Ya
<input name="soalan" type="radio" value="radiobutton" onclick="show('jawapan2');" />Tidak</td>
</tr>
<tr class="soalan1" id="jawapan1">
<td>Jawapan</td>
<td>Ya </td>
</tr>
<tr class="soalan1" id="jawapan2">
<td>Jawapan</td>
<td>Tidak </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Alamat</td>
<td><input name="alamat_tetap" type="text" id="alamat_tetap1" /></td>
</tr>
<tr>
<td> </td>
<td><input name="alamat_tetap2" type="text" id="alamat_tetap2" /></td>
</tr>
<tr>
<td colspan="2">Adakah alamat tetap sama dengan alamat Pos
<input name="soalan" type="radio" value="radiobutton" onclick="same('ya');" />Ya
<input name="soalan" type="radio" value="radiobutton" onclick="same('tidak');" />Tidak</td>
</tr>
<tr>
<td> </td>
<td><input name="alamat_pos1" type="text" id="alamat_pos1" /></td>
</tr>
<tr>
<td> </td>
<td><input name="alamat_pos2" type="text" id="alamat_pos2" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Thanks bro, yang no 2 tuh ok, cuma yang hide tu mcm x jalan.
Pages:
[1]