Cara Membuat Radio Button di PHP: Panduan Lengkap untuk Pemula
Belajar cara membuat dan menangani radio button di PHP dengan mudah! Tutorial step-by-step lengkap dengan contoh kode, validasi form, dan tips praktis untuk pemula.

Pendahuluan
Radio button adalah elemen form HTML yang memungkinkan pengguna memilih satu opsi dari beberapa pilihan. Di PHP, radio button sering digunakan untuk:
- Form pendaftaran (jenis kelamin, metode pembayaran)
- Kuis online (jawaban tunggal)
- Sistem voting
Di tutorial ini, Anda akan belajar:
- Cara membuat radio button di HTML/PHP
- Menangani nilai yang dipilih di PHP
- Validasi input radio button
- Contoh kasus dunia nyata
1. Dasar-Dasar Radio Button di HTML
Struktur Dasar HTML
<input type="radio" name="jenis_kelamin" value="pria"> Pria
<input type="radio" name="jenis_kelamin" value="wanita"> Wanita
Penjelasan:
name
: Harus sama untuk grup radio buttonvalue
: Nilai yang dikirim ke server saat form disubmit
Menandai Opsi Default
Gunakan atribut checked
:
<input type="radio" name="status" value="aktif" checked> Aktif
<input type="radio" name="status" value="nonaktif"> Non-Aktif
2. Menangani Radio Button di PHP
Mengambil Nilai yang Dipilih
File: form.html
<form action="proses.php" method="post">
<input type="radio" name="bahasa" value="php"> PHP
<input type="radio" name="bahasa" value="javascript"> JavaScript
<button type="submit">Submit</button>
</form>
File: proses.php
<?php
if (isset($_POST['bahasa'])) {
$bahasa = $_POST['bahasa'];
echo "Anda memilih: " . htmlspecialchars($bahasa);
} else {
echo "Silakan pilih opsi!";
}
?>
Catatan:
- Selalu gunakan
htmlspecialchars()
untuk mencegah XSS - Cek
isset()
untuk memastikan radio button dipilih
3. Validasi Radio Button di PHP
<?php
if (empty($_POST['bahasa'])) {
$error = "Pilih salah satu opsi!";
} else {
// Lanjutkan proses
}
?>
4. Contoh Praktis: Form Pendaftaran
Skenario: Form memilih metode pembayaran (Transfer Bank, E-Wallet, COD)
Kode HTML
<form action="checkout.php" method="post">
<h3>Pilih Metode Pembayaran:</h3>
<input type="radio" name="pembayaran" value="transfer"> Transfer Bank
<input type="radio" name="pembayaran" value="ewallet"> E-Wallet
<input type="radio" name="pembayaran" value="cod"> COD
<button type="submit">Lanjut</button>
</form>
Kode PHP (checkout.php
)
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if (isset($_POST['pembayaran'])) {
$metode = $_POST['pembayaran'];
switch ($metode) {
case 'transfer':
header('Location: transfer.php');
break;
case 'ewallet':
header('Location: ewallet.php');
break;
case 'cod':
header('Location: cod.php');
break;
}
}
}
?>
5. Tips Lanjutan
- Styling dengan CSS: Gunakan library seperti Bootstrap untuk desain responsif
- Dynamic Radio Button: Generate opsi dari database
<?php
// Contoh: Ambil data dari database
$kategori = $db->query("SELECT * FROM kategori");
foreach ($kategori as $row) {
echo '<input type="radio" name="kategori" value="' . $row['id'] . '"> ' . $row['nama'];
}
?>
FAQ (Pertanyaan Umum)
Q: Bagaimana membuat radio button terpilih secara otomatis?
A: Gunakan atribut checked
atau set nilai via PHP:
<?php
echo '<input type="radio" name="role" value="admin" ' . ($role == 'admin' ? 'checked' : '') . '> Admin';
?>
Q: Apa bedanya radio button dan checkbox?
A: Radio button untuk satu pilihan, checkbox untuk multi-pilihan.
Penutup
Sekarang Anda tahu cara membuat, menangani, dan memvalidasi radio button di PHP. Coba praktikkan dengan proyek nyata seperti form survey atau sistem voting!