日期:2014-05-16  浏览次数:20405 次

提交表单 必须每项都有选择时选择才能提交表单 否则弹出提示窗口:“请选择XXX!”
提交表单 用户必须每个选项都有选择时才能提交表单 否则弹出提示窗口:“请选择XXX!”

选项设置:就餐日期 type=text 文本框 (实际上为一个JS日期选择器 )
  就餐时间 type=radio 6:00-7:00 7:00-8:00
  就餐桌位 type=radio 一号 二号 
  就餐人数 type=radio 1-2人 5-8人
  提交按钮

------解决方案--------------------
HTML code
<script type="text/javascript" language="javascript">
    function getV(o){
        var _v='';
        for(i=0;i<o.length;i++)
        {
            if(o[i].checked){_v=o[i].value;break;}
        }
        return _v;
    }
    function submit(){
        var _o1=document.getElementsByName("time");
        var _o2=document.getElementsByName("table");
        var _o3=document.getElementsByName("count");
        var _time=getV(_o1);
        var _table=getV(_o2);
        var _count=getV(_o3);
        if(_time.length==0){alert("请选择就餐时间");return false;}
        if(_table.length==0){alert("请选择就餐桌位");return false;}
        if(_count.length==0){alert("请选择就餐人数");return false;}
        alert("就餐时间:"+_time+";就餐桌位:"+_table+";就餐人数:"+_count);

    }
</script>

<input type="radio" name="time" value="时间一" id="t1"/><label for="t1">时间一</label>
<input type="radio" name="time" value="时间二" id="t2"/><label for="t2">时间二</label>
<input type="radio" name="time" value="时间三" id="t3"/><label for="t3">时间三</label>
<br />

<input type="radio" name="table" value="1号桌" id="t4"/><label for="t4">1号桌</label>
<input type="radio" name="table" value="2号桌" id="t5"/><label for="t5">2号桌</label>
<input type="radio" name="table" value="3号桌" id="t6"/><label for="t6">3号桌</label>
<br />
<input type="radio" name="count" value="1-2人" id="t7"/><label for="t7">1-2</label>
<input type="radio" name="count" value="3-5人" id="t8"/><label for="t8">3-5</label>
<input type="radio" name="count" value="5-8人" id="t9"/><label for="t9">5-8人</label>
<br />
<input type="button" onclick="submit()" value="确定" />