如何验证单选按钮

Question

I'm trying to validate gender from radio button.this is my code.but it's doesn't work. javascript

function checkgender() {
  var gen = document.subscribe.gender[0].checked;
  var gen1 = document.subscribe.gender[1].checked;

  if((gen==false)&&(gen1==false)) {

    alert('Please Select your Gender Type!');
    return false;
  }
  return true;
}

html

<input type="radio" name="gender" value="male" id="gender">male
<input type="radio" name="gender" value="female" id="gender">female
<input name="but" type="button" value="Add" class="btn btn-primary" onClick="checkgender()" /> 

Answer 1

Html:

<input name="but" type="button" value="Add" class="btn btn-primary"/>

Script:

$(".btn").click(function(){
   var gen = document.subscribe.gender[0].checked;
   var gen1 = document.subscribe.gender[1].checked;

   if((gen==false)&&(gen1==false))
   {
     <!--document.getElementById("fn6").style.borderColor = "#ED291F";-->
     alert('Please Select your Gender Type!');
   }
});

Answer 2

var gen = document.subscribe.gender[0].checked; var gen1 = document.subscribe.gender[1].checked;

Instead of this use

var x = document.getElementById("gender1").value;
var x = document.getElementById("gender2").value;

html

<input type="radio" name="gender" value="male" id="gender1">
<input type="radio" name="gender" value="female" id="gender2">

Or for complete example Visit

http://www.chennaisunday.com/jsradio.html

Answer 3

finally i found a solution.thanks for your support

function checkgender()
     {
var gen = document.getElementsByName('gender');
var ischecked = false;
for ( var i = 0; i < gen.length; i++) {
    if(gen[i].checked) {
        ischecked = true;
        return true;
        break;
    }
}
if(!ischecked)   { 
    alert("Please Select your Gender Type");
    return false;
}
}

Answer 4

Html

<input type="radio" name="gender" value="male" id="rdbMale">male
<input type="radio" name="gender" value="female" id="rdbFemale">female
<input name="but" id="btnGender" type="button" value="Add" class="btn btn-rimary"/>

Script

$("#btnGender").click(function(){

  if(!$('#rdbMale').is(':checked') && !$('#rdbFemale').is(':checked'))
  {
    alert('Please Select your Gender Type!');
  }

});

Answer 5

检查您的onclick事件

<input name="but" type="button" value="Add" class="btn btn-primary" onClick="javascript:checkgender();" />