javascript中判断radio是否选中的方法

原创 2015年11月18日 13:49:23
男<input type="radio" name="gender" id="gender" value="1" />
女<input type="radio" name="gender" id="gender" value="2" />

这里不能使用jquery中的document.getElementById,因为该对象只能用于拿到在页面上唯一对象的值。

而要使用原生javascript中的document.getElementsByName


正确的js代码为:

<script>

var bFlag = false;

var gender = document.getElementsByName('gender');
for (var i = 0; i < gender.length; i++) {
if (gender[i].checked) {
bFlag = true;
break;
}
}

if (bFlag == false) {
alert('性别不能为空,请选择!')
document.getElementById('gender').focus();
return false;
}

</script>

相关文章推荐

jQuery判断checkbox,radio是否选中的3种方法

jQuery判断checkbox是否选中的3种方法 方法一: if ($("#checkbox-id").get(0).checked) { // do something }方法二: if(...
  • cometwo
  • cometwo
  • 2016年02月25日 08:32
  • 32977

JS怎么判断 radio是否被选中

var radios = document.getElementsByName("radio"); var tag = false; var val; for(radio in ra...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

javascript 获取表单中radio选中值

radio是form表单中非常常用的一种表单元素,对于radio的操作中,都是利用radio的checked属性,都是对radio的checked属性做操作。获取radio的选中值时,遍历radio按...
  • magi1201
  • magi1201
  • 2015年03月19日 22:17
  • 38288

javascript重置Radio单选按钮

环境:win7 32,ie11 function onclickbt1() { document.getElementById("rd1").c...
  • dragoo1
  • dragoo1
  • 2015年07月10日 16:15
  • 1683

JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息

今天项目中所解决的问题:JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息,一开始总是获取不到 radio 的值,后来发现逻辑存在些问题,特此共享该代码留笔记 和 分享给遇到 这类问...

js判断radio是否被选中(一)

html>head>title>votejsp/title>script language="javascript" type="text/javascript">function validate(...
  • websph
  • websph
  • 2010年05月26日 15:29
  • 22625

JS动态判断radio是否被选中的问题

因为要通过循环输出查询出来的记录数,每个记录前面有个单选按钮radio当单选按钮radio大于等于2个时,JS判断正常,当单选按钮radio只有一个时,无法进行“下一步”,提交“下一步”时不管是否选中...
  • websph
  • websph
  • 2010年05月26日 15:57
  • 7405

js判断radio是否被选中(一)

votejsp

checkbox和radio的js统一判断为空方法

function isCheck(num)         {              var obj=document.getElementsByName("q"+num);        ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript中判断radio是否选中的方法
举报原因:
原因补充:

(最多只允许输入30个字)