The code does not work. Radio button check

Question

I use javascript to test the switch.

HTML

 <form name="formreg" enctype="multipart/form-data" method="post">  
     <input type="radio" value="male" name="gender" /> Male<br />  
     <input type="radio" value="female" name="gender" /> Female<br />  
     <input value="Submit" onclick="return inputval()" type="submit" />  
 </form>  

Js-

<script type="text/javascript">  
    function inputval() {  
        var $XIForm = $('form[name=XIForm]');  
        if ($("form[name='formre'] input[type='radio']:checked").length != 1) {  
            alert("Select at least male or female.");  
            return false;  
        }  
        else {  
            var gender = $("input").val();  
            //alert(gender);  
            $XIForm.submit();  
            alert(gender);  
        }  
    }  
</script>  

Can someone help with this code.

Answer 1

Here is the code. You will need to create a form and confirm it when submitting.

HTML: -

 <form name="myForm" action="targetpage.asp" onsubmit="return validateForm();"   method="post">  
        <label>Gender</label>&nbsp&nbsp  
        <input type='radio' name='XIGender' value='Male' id="XImale" />Male  
        <input type='radio' name='XIGender' value='Female' id="XIfemale" />Female</td>  
        <input type="submit" value="submit" id="XISubmit" />  
    </form>  

JS: -

 function validateForm() {  
        if (validateRadio(document.forms["myForm"]["XIGender"])) {  
            alert('All good!');  
            return false;  
        }  
        else {  
            alert('Please select a value.');  
            return false;  
        }  
    }  

    function validateRadio(radios) {  
        for (i = 0; i < radios.length; ++i) {  
            if (radios[i].checked) return true;  
        }  
        return false;  
    }  

Hope this helps you. :) Enjoy the coding.

Answer 2

Use simple buttoninstead submit button, so you can stop submitting the form if something is wrong and submit it only to the branch else.

<input value="Submit" onclick="return inputval()" type="button" />

http://jsfiddle.net/J62Qq/

In addition, you had some typos (wrong form name).

   function inputval() {  
    var $XIForm = $('form[name=formreg]');  //you had wrong name here
    if ($("form[name='formreg'] input[type='radio']:checked").length != 1) {  
        alert("Select at least male or female.");  
        return false;  
    }  
    else {  
        var gender = $("input").val();  
        //alert(gender);  
        $XIForm.submit();  
        alert(gender);  
    }  
}  

, ​​ JavaScript, , , , .