Radiobutton example

HTML

<form class="form1" name="myform" action="" method="POST">
    <fieldset>
        <legend>Food:-</legend>
        <label>
            <input type="radio" name="food" value="Milk"/>
            Milk
        </label>
        <label>
            <input type="radio" name="food" value="Butter"/>
            Butter
        </label>
        <label>
            <input type="radio" name="food" value="Cheese"/>
            Cheese
        </label>
    </fieldset>
    
        <fieldset>
        <legend>Drink:-</legend>
        <label>
            <input type="radio" name="drink" value="Milk"/>
            Milk
        </label>
        <label>
            <input type="radio" name="drink" value="Butter"/>
            Butter
        </label>
        <label>
            <input type="radio" name="drink" value="Cheese"/>
            Cheese
        </label>
    </fieldset>
</form>

CSS

.form1 fieldset {
    text-align:centre;
}
.form1 label {
    display:block;
}

JavaScript

$(document).ready(function(){
    $(".form1 input[name=food]").change(function(){
        alert($(this).val() + " selected);
    });
});