A-A+

JS如何判断单个radio是否被选中

2014年12月16日 前端设计 评论 2 条 阅读 123 views 次

在页面中经常会判断表单项目是否为空的判断,比如姓名不能为空,联系人不能为空,手机号码不能为空等等,而这些表单项则都是普通的表单样式text 类型,而今天在设计页面时,碰到了要判断单个 radio 选项是否为空的判断。如果要进行多项radio的判断还是比较简单的,直接使用判断数组的JS即可,而对于单项是否选中还真未遇到过。

下面是在网上找到了这样一段代码:

<script language="JavaScript">

if(document.getElementById("lasttime").checked) {
//document.write(document.getElementById("a").value)
alert("请选择续费按钮后提交");
}else{
//!document.getElementById("a").checked
alert("请选择续费按钮后提交");
theForm.lasttime.focus();
return (false);
}

</script>

form 的属性大概是这样的:<form action="ZC_Link_Edit.php?action=add" method="post" name="zzcms" id="zzcms" onSubmit="return chk(this)">

在本地测试的时候没有问题,在未选中radio的时候出现了提示,而在将测试文件传到了服务器上的时候,在360浏览器下却无法进行判断,不知道是怎么回事,只能再换一种思路看看有没有解决的办法,后来自己写了一段代码:

<script language="JavaScript">
<!--
function chk(theForm){

if (theForm.domain.value == ""){
alert("域名不能为空");
theForm.domain.focus();
return (false);
}
}

function chkok(theForm){

if (theForm.lasttime.checked == ""){
alert("请选择续费按钮后提交");
theForm.lasttime.focus();
return (false);
}
}
//-->
</script>

看上面的代码,可以看得出来,一共两个函数,两个函数特别相似,我是尝试着用普通表单text类型的判断方式来判断radio的方式,结果还真成功了,本地和网上测试都没有问题,form 的属性和上面的一样。

标签:

2 条留言  访客:2 条  博主:0 条

  1. osblog

    这个能看懂哈

  2. 赢在大学励志网

    呵呵,这些有点不太懂啊

给我留言