@Shamil

<html>
    <head>
        <title>Radio</title>

        <script type="text/javascript">
    "use strict";

    var radio = document.getElementsByName('genderradio');
    var val;
    var maletitles = ['Mr', 'Master'];
    var femaletitles = ['Miss', 'Mrs', 'Miss'];
    var text = document.getElementById('title');
    function validateMale(text) {
        var a = maletitles.lastIndexOf(text);
        if (a > 0) {
            alert("Good, we're male!"); }
    }
    function validateFemale() {
        var a = femaletitles.lastIndexOf(text);
        if (a > 0) {
            alert("Good, we'refe male!");
        }
    }
    function validate() {
        if (radio === 'male') {
            validateMale(text);
        } else {
            validateFemale(text);
        }
    }

        </script>


    </head>
    <body>

        <form name="quiz">
            <input type="text" name="title" value="" /><br>
            <input type="radio" name="genderradio" value="male" onChange="validate()">male<br>
            <input type="radio" name="genderradio" value="female" onChange="validate()">female<br>


            <br>


            <input type="submit" value="Check Answer" onClick="javascript:validate()">

        </form>
    </body>
</html>