PHP - HTML Radio button компонента за избор

Checkbox и Radio button се  компонентi што се користат за конструирање веб страни. Радио копчињата најдобро се користат кога имаме список со две или повеќе од две опции, а корисникот мора да избере точно една опција.

За да креирате радио копче, го користите елементот <input> со типот радио. На пример

<input type = "radio" name = "contact" id = "contact_email" value = "email" />
<label for = "contact_email">
Е-пошта </label>

 Пример 1

Да создадеме едноставна форма со Radio компонента за избор.

<html>
<head>
<title>Radio Buttons</title>
</head>
<body>
<Form name ="form1" Method ="Post" ACTION ="radio_button.php">
<Input type = 'Radio' Name ='pol' Id="masko" value= 'masko'>
<label for="masko">Masko</label>
<Input type = 'Radio' Name ='pol' Id="zensko" value= 'zensko'>
<label for="zensko">Zensko</label>
<Input type = "Submit" Name = "Submit1" Value = "Izberete pol">
</FORM>
</body>
</html>
 

Радио копчето нема лабела за дообјаснување па , затоа, секогаш треба да користите радио копче со дополниелно дефинирана лабела како во примерот горе.

<label for="masko">Masko</label>

На притискање на било кој од Radio Button ќе се изврши следната PHP скрипта со име radio_button.php

<?PHP
$masko_status = 'unchecked';
$zensko_status = 'unchecked';
if (isset($_POST['Submit1'])) {
    $selected_radio = $_POST['pol'];

    if ($selected_radio == 'masko') {
        $masko_status = 'checked';
    }
    else if ($selected_radio == 'zensko') {
        $zensko_status = 'checked';
    }

    if ($masko_status == 'checked') {
        echo "Masko";
    }
    if ($zensko_status == 'checked') {
        echo "Zensko";
    }
}
?>

Радио копчето може да се штиклира или одштиклира. Кога ја поврзувате лабела со радио копчето, можете да го штиклира копчето со радио кликнување на лабелата или на самото радио копче. Во овој случај, лабелата помага да се зголеми употребливоста на радио копчето бидејќи лабелата ја проширува областа каде што корисниците можат да го штиклира копчето за радио.

Општо, радио копчињата често се користат во група. Се нарекува радио група. Радио група ви овозможува да изберете само едно радио копче истовремено.

Ако сакате да штиклирате радио копче по default кога страницата се вчитува за прв пат, користете го следниот Boolean атрибут:

<Input type = 'Radio' Name ='pol' Id="masko" value= 'masko' checked >

За да дефинирате радио група, на сите радио копчиња во групата им давате исто име - ID (id од радио исто што и for за лабела). Следниот пример дефинира радио група која се состои од три радио копчиња.

<form action="radio_group.php" method="post" name ="form2">
<input type="radio" id="html" name="jazik" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="jazik" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="jazik" value="JavaScript">
<label for="javascript">JavaScript</label>
<input type="submit" name="submit" value="Izberete"/>
</form>

PHP скриптата  што ги пречекува податоците radio_group.php испратени од претходната форма е:

<?php
if(isset($_POST['submit']))
{
$izbor= $_POST['jazik'];
if (isset($izbor)) {
echo ' Vie izberavte programski jazik '. $izbor;
}
else {
echo " Vie ne izberavte nieden programski jazik.";
}
}
?>