Anda di halaman 1dari 7

Pertemuan 5 :

Penerapan Checkbox

Pemrograman Web I
Eko Budiarto, S. Kom., M.M.
Teknik Informatika – S1
Fakultas Teknik
Universitas Pelita Bangsa
Fakultas Teknik - Program Studi Teknik Informatika Universitas Pelita Bangsa

Nama file : checkbox1.php

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>CheckBox 1</title>
</head>

<body>

<form method="post" action="">


<span>Pilih Hobi</span><p />
<input type="checkbox" name='hobi1' value="Membaca
Buku"> Membaca Buku<br />
<input type="checkbox" name='hobi2' value="Menulis">
Menulis<br />
<input type="checkbox" name='hobi3' value="Memancing">
Memancing<p />

<input type="submit" value="Submit" name="submit">


</form>

<br>
<br>
<hr>
<p>

<?php

if (isset($_POST['hobi1'])) {
echo "Hobi Anda adalah : Membaca";
} else if (isset($_POST['hobi2'])) {
echo "Hobi Anda adalah : Menulis";
} else if (isset($_POST['hobi3'])) {
echo "Hobi Anda adalah : Memancing";
} else {
echo " ";
}

?>

</body>

</html>

Pemrograman Web I – Eko Budiarto 1


Fakultas Teknik - Program Studi Teknik Informatika Universitas Pelita Bangsa

Nama file : checkbox2.php

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>CheckBox 2</title>
</head>

<body>

<form method="post" action="">


<span>Pilih Hobi</span><br />
<input type="checkbox" name='hobi[]' value="Membaca
Buku"> Membaca Buku<br />
<input type="checkbox" name='hobi[]' value="Menulis">
Menulis<br />
<input type="checkbox" name='hobi[]'
value="Memancing"> Memancing<br />

<input type="submit" value="Submit" name="submit">


</form>

<br>
<br>
<hr>
<br>

<?php

if (isset($_POST['hobi'])) {
foreach ($_POST['hobi'] as $hobi) {
echo $hobi . " ";
}
}

?>

</body>
</html>

Pemrograman Web I – Eko Budiarto 2


Fakultas Teknik - Program Studi Teknik Informatika Universitas Pelita Bangsa

Nama file : checkbox3.php

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>CheckBox 3</title>
</head>

<body>

<form method="post" action="">


<span>Pilih Hobi</span><br />
<input type="checkbox" name='hobi[]' value="Membaca
Buku"> Membaca Buku<br />
<input type="checkbox" name='hobi[]' value="Menulis">
Menulis<br />
<input type="checkbox" name='hobi[]'
value="Memancing"> Memancing<br />

<input type="submit" value="Submit" name="submit">


</form>

<br>
<br>
<hr>
<br>

<?php

//Mengecek apakah ada nilai hobi yang dikirim dari form


if (isset($_POST['hobi'])) {

$hobi = $_POST['hobi'];

for ($i = 0; $i < count($hobi); $i++) {


//echo "CheckBox yang terpilih adalah : ";
echo $hobi[$i] . " ";
}
}

?>

</body>

</html>

Pemrograman Web I – Eko Budiarto 3


Fakultas Teknik - Program Studi Teknik Informatika Universitas Pelita Bangsa

Nama file : checkbox4.php

<!DOCTYPE html>
<html>

<head>
<title>
checkbox 4
</title>
</head>

<body>
<form action="checkbox4proses.php" method="post">
<div>
<label>Nama :</label>
<input type="text" name="nama">
</div><p>

<div>
<label>Kota :</label>
<input type="checkbox" name="kota[]"
value="Jakarta"> Jakarta
<input type="checkbox" name="kota[]"
value="Bandung"> Bandung
<input type="checkbox" name="kota[]"
value="Bekasi"> Bekasi
</div><p>

<div>
<label>No Hape :</label>
<input type="text" name="hape">
</div><p>

<div>
<button type="submit">Submit</button>
</div>
</form>
</body>

</html>

Pemrograman Web I – Eko Budiarto 4


Fakultas Teknik - Program Studi Teknik Informatika Universitas Pelita Bangsa

Nama file : checkbox4proses.php

<?php

// Mendapatkan nilai dari $_POST


$nama = $_POST['nama'];
$kota = (isset($_POST['kota'])) ? $_POST['kota'] : array();
$nohape = $_POST['hape'];

?>

<h2>Konfirmasi</h2>
<p><strong>Nama :</strong> <?php echo $nama; ?></p>
<p><strong>Kota :</strong>
<?php

// Cek pilihan
if (count($kota) > 0) {
foreach ($kota as $kota) {
echo $kota .' ';
}
} else {
echo "Kolom Kota belum terpilih/tercentang";
}
?>
</p>
<p><strong>No Hape :</strong> <?php echo $nohape; ?></p>

<p>
<a href="checkbox4.php"> Back </a>

Pemrograman Web I – Eko Budiarto 5


Fakultas Teknik - Program Studi Teknik Informatika Universitas Pelita Bangsa

Terimakasih
Eko Budiarto, S. Kom., M.M.
0813.222.99119 – akuinieko@gmail.com

Pemrograman Web I – Eko Budiarto 6

Anda mungkin juga menyukai