如何验证单选按钮

How to validate radio button

本文关键字：单选按钮 验证 何验证      更新时间：2024-06-08

我正试图通过单选按钮验证性别。这是我的代码。但它不起作用。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()" />

Html:

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

脚本：

$(".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!');
   }
});

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

而不是使用

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">

或者作为一个完整的例子访问

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

我终于找到了解决方案。感谢您对的支持

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;
}
}

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"/>

脚本

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

})；

检查您的onclick事件

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