cara-membuat-radio-button-di-php

By | August 15, 2025

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.

membuat button radio di php
Contoh implementasi radio button di PHP

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:

  1. Cara membuat radio button di HTML/PHP
  2. Menangani nilai yang dipilih di PHP
  3. Validasi input radio button
  4. 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 button
  • value: 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!

 

Category: PHP

Leave a Reply

Your email address will not be published. Required fields are marked *