首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

在线急求帮忙!未填写的地方高亮展示

2012-08-14 
在线急求帮忙!未填写的地方高亮显示我要做一个调查问卷,每个问题用单选按钮选择。现在问题是提交后如果哪一

在线急求帮忙!未填写的地方高亮显示
我要做一个调查问卷,每个问题用单选按钮选择。
现在问题是提交后如果哪一题未填写或者填写不规范,需要提示弹出文字如“不能为空,请检查!”,同时没有填写的地方背景颜色变为黄色。而且之前选择的没有清空不用再去点了。
js代码:

<script language="javascript">
<!--

function myCheck(n)
  {
  var RadioGroupName;
  var t;
  var flag;
  
  for(var i=1; i<=n; i++)
  {
  flag=false;
  t="t"+i;
  RadioGroupName=document.getElementsByName(t)
  for(var j=0; j<RadioGroupName.length; j++) 
  {
  if(RadioGroupName[j].checked)
  { 

  flag=true;
  break;
  }
  }  
  }
  if(flag==false)
  {
  alert("对不起,不能为空,请检查!");
document.getElementById(t1).className = "list_b";
  return false;
  } 

  }
   
-->

  </script>

html代码:

<div class="feature">

 <form action="" method="get" id="zl" name="zl">

<div class="tip-2"></div>
<!--go-->
<div class="tip-3">
1、您的性别</div>
<div class="list_a" id="w1">
<ul >
<li>
<input name="t1" type="radio" value="男" >
A.
男</li>
<li>
<input type="radio" name="t1" value="女">
B. 
女</li>
</ul>
</div>

<div class="tip-3">
2、您的年龄</div>
<div class="list_a" id="w2">
<ul >
<li>
<input type="radio" name="t2" value="radiobutton">
A. 18岁以下</li>
<li>
<input type="radio" name="t2" value="radiobutton">
B. 18岁-25岁</li>
<li>
<input type="radio" name="t2" value="radiobutton">
C. 25岁-35岁</li>
<li>
<input type="radio" name="t2" value="radiobutton">
D. 35岁--45岁</li>
<li>
<input type="radio" name="t2" value="radiobutton">
E. 45岁--55岁</li>
<li>
<input type="radio" name="t2" value="radiobutton">
F. 55岁以上</li>
</ul>
</div>

<div class="menu_a"> 
<input name="" type="image" src="images/btn_dl.png" onclick="return myCheck(2)"></div>
</div>
</form>
</div>
 

[解决办法]

JScript code
function myCheck(n) {    var FLAG = false;    for (var i = 1; i <= n; i ++) {        var obj = document.getElementsByName('t' + i);        var isChecked = false;        for (var j = 0; j < obj.length; j ++) {            if (obj[j].checked) {                FLAG = true;                isChecked = true;                break;            }        }        if (!isChecked) document.getElementById('w' + i).className = 'list_b';    }    if (!FLAG) {        alert('对不起,不能为空,请检查!');        return false;    }    else return true;} 


[解决办法]

JScript code
function check(n){    var o_b=false;    var obj = document.getElementsByName('t' + n);    for(var i=0;i<obj.length;i++){        if (obj[i].checked) {                o_b = true;                break;        }    }    return o_b;}function myCheck(n) {    var back=true;    for(var i=1;i<=n;i++){        if(!check(i)){                        document.getElementById('w' + i).style.backgroundColor="yellow";            back=false;                    }    }    if(!back){        return false;        alert('对不起,不能为空,请检查!');    }else{        alert("正常提交!");    }} 

热点排行