HTML radio判斷

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">

<head>
<meta NAME="Copyright" CONTENT="Copyright (c) 2009 LOADCOM Corporation. All Rights Reserved.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NTP設置</title>

<style type="text/css">
#leftpic{width:160px;float:left;padding-right:15px;}
#leftpic a:link, #leftpic a:visited{color:#006eb3;text-decoration:none;}
#leftpic a:hover{color:#000000;text-decoration:underline;}
img{border:1px solid #0066b0;margin-bottom:5px;}
ul#list{list-style-type:none;margin:0px;padding:5px 0px 5px 2px;}
ul#list li{line-height:18px;}
ul#list li a:link{color:#000000;text-decoration:none;}
ul#list li a:visited{color:#333333;text-decoration:none;}
ul#list li a:hover{color:#006eb3;text-decoration:underline;}
</style>
<link href="images/basic.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">
function checkRadio()
{
 if(document.NTPForm.radiobutton[0].checked)
 {
  //NTPForm.action="/cgi-bin/serverSet.cgi";
  //NTPForm.submit();
  alert("提交");return;
 }
 else if(document.NTPForm.radiobutton[1].checked)
 {
  //NTPForm.action="/cgi-bin/manualSet.cgi";
  //NTPForm.submit();
  alert("返回");return;
 }
 else
 {
  alert("無任何提交的信息");
  return false;
 }
}
</script>
</head>

<body id="sports">
<br>

<form name="NTPForm" method="post" action="#">
    <table width="500" border="0" align="center" cellpadding="1" cellspacing="1" class="tb" bgcolor="##c3e4fc">
        <tr bgcolor="#FFFFFF">
        <td width="117" height="25" bgcolor="#FFFFFF" align="center"><font size="3" color="#CC3366" face="Georgia, Times New Roman, Times, serif" >管理NTP設置</font></td>       
        </tr>
        <tr>
        <td width="117" height="25" align="right" valign="middle" bgcolor="#FFFFFF">當前時間:</td>
        <td height="25" align="left" valign="middle" bgcolor="#FFFFFF">          
        <div id="jnkc" class="fonta"></div><script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+'  星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script>
        </td>
        </tr>
    </table>
       
  <table width="500" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="##c3e4fc">        
          <tr class=textCell>
            <td height="25" colspan="2" align="left" valign="middle" bgcolor="#FFFFFF" class="fonta">
            <input type="radio" name="radiobutton" id="radio1" value="radiobutton" />服務器設置
            </td>
          </tr>
          <tr class=textCell>
          <td width="180" height="25" align="left" valign="middle" bgcolor="#FFFFFF" class="fonta">&nbsp;服務器IP地址:
          </td>
          <td width="320" height="25" align="left" valign="middle" bgcolor="#FFFFFF">
<input type="text" name="serverIPa" size="3" maxlength="3" />.
<input type="text" name="serverIPb" size="3" maxlength="3" />.
<input type="text" name="serverIPc" size="3" maxlength="3" />.
<input type="text" name="serverIPd" size="3" maxlength="3" /></td>
          </tr>          
          <tr >
           <td height="25" align="left" valign="middle" bgcolor="#FFFFFF" class="fonta">&nbsp;最後一次同步時間:            </td>
            <td width="381" height="25" align="left" valign="middle" bgcolor="#FFFFFF" class="fonta"> &nbsp;從未同步            </td>
          </tr>
          <tr class=textCell>
              <td height="25" colspan="2" align="left" valign="middle" bgcolor="#FFFFFF" class="fonta">
              <input type="radio" name="radiobutton" id="radio2" value="radiobutton" />手動設置時間
              </td>
          </tr>
          </table> 
         
          <table width="500" border="0" cellspacing="1" cellpadding="1" bgcolor="##c3e4fc" align="center">
              <tr bgcolor="#FFFFFF" align="left">
                <td height="25" align="left" valign="middle" style="" width="85">
                <style>*{font-size:12pt}.ODDLst{font-size:100%;}</style> 
                <select name="year" class="ODDLst">
                <option value="year_0" selected="selected" >2000</option>  
                <option value="year_1">2001</option>
                <option value="year_2">2002</option>
                <option value="year_3">2003</option>
                <option value="year_4">2004</option>
                <option value="year_5">2005</option>
                <option value="year_6">2006</option>
                <option value="year_7">2007</option>
                <option value="year_8">2008</option>
                <option value="year_9">2009</option>
                <option value="year_10">2010</option>
                <option value="year_11">2011</option>
                <option value="year_12">2012</option>
                <option value="year_13">2013</option>
                <option value="year_14">2014</option>
                <option value="year_15">2015</option>
                <option value="year_16">2016</option>
                <option value="year_17">2017</option>
                <option value="year_18">2018</option>
                <option value="year_19">2019</option>
                <option value="year_20">2020</option>               
                </select>&nbsp;年</td>               
                <td height="25" align="left" valign="middle" width="70">
                <select name="month">
                <option value="month_0" selected="selected">01</option>
                <option value="month_1">02</option>
                <option value="month_2">03</option>
                <option value="month_3">04</option>
                <option value="month_4">05</option>
                <option value="month_5">06</option>
                <option value="month_6">07</option>
                <option value="month_7">08</option>
                <option value="month_8">09</option>
                <option value="month_9">10</option>
                <option value="month_10">11</option>
                <option value="month_11">12</option>               
                </select>&nbsp;月
                </td>
         
                <td height="" align="left" valign="middle" width="70" style="max-height:200px">
                <select name="day">
                <option value="day_0" selected="selected">01</option>
                <option value="day_1">02</option>
                <option value="day_2">03</option>
                <option value="day_3">04</option>
                <option value="day_4">05</option>
                <option value="day_5">06</option>
                <option value="day_6">07</option>
                <option value="day_7">08</option>
                <option value="day_8">09</option>
                <option value="day_9">10</option>
                <option value="day_10">11</option>
                <option value="day_11">12</option>
                <option value="day_12">13</option>
                <option value="day_13">14</option>
                <option value="day_14">15</option>
                <option value="day_15">16</option>
                <option value="day_16">17</option>
                <option value="day_17">18</option>
                <option value="day_18">19</option>
                <option value="day_19">20</option>
                <option value="day_20">21</option>
                <option value="day_21">22</option>
                <option value="day_22">23</option>
                <option value="day_23">24</option>
                <option value="day_24">25</option>
                <option value="day_25">26</option>
                <option value="day_26">27</option>
                <option value="day_27">28</option>
                <option value="day_28">29</option>
                <option value="day_29">30</option>
                <option value="day_30">31</option>
                </select>&nbsp;日
                </td>      
                <td height="" align="left" valign="middle" width="70">
                <select name="hour">
                <option value="hour_0" selected="selected">00</option>
                <option value="hour_1">01</option>
                <option value="hour_2">02</option>
                <option value="hour_3">03</option>
                <option value="hour_4">04</option>
                <option value="hour_5">05</option>
                <option value="hour_6">06</option>
                <option value="hour_7">07</option>
                <option value="hour_8">08</option>
                <option value="hour_9">09</option>
                <option value="hour_10">10</option>
                <option value="hour_11">11</option>
                <option value="hour_12">12</option>
                <option value="hour_13">13</option>
                <option value="hour_14">14</option>
                <option value="hour_15">15</option>
                <option value="hour_16">16</option>
                <option value="hour_17">17</option>
                <option value="hour_18">18</option>
                <option value="hour_19">19</option>
                <option value="hour_20">20</option>
                <option value="hour_21">21</option>
                <option value="hour_22">22</option>
                <option value="hour_23">23</option>              
                </select>&nbsp;時
                </td>
        
                <td height="" align="left" valign="middle" width="70">
                <select name="minute">
                <option value="minute_0" selected="selected">00</option>
                <option value="minute_1">01</option>
                <option value="minute_2">02</option>
                <option value="minute_3">03</option>
                <option value="minute_4">04</option>
                <option value="minute_5">05</option>
                <option value="minute_6">06</option>
                <option value="minute_7">07</option>
                <option value="minute_8">08</option>
                <option value="minute_9">09</option>
                <option value="minute_10">10</option>
                <option value="minute_11">11</option>
                <option value="minute_12">12</option>
                <option value="minute_13">13</option>
                <option value="minute_14">14</option>
                <option value="minute_15">15</option>
                <option value="minute_16">16</option>
                <option value="minute_17">17</option>
                <option value="minute_18">18</option>
                <option value="minute_19">19</option>
                <option value="minute_20">20</option>
                <option value="minute_21">21</option>
                <option value="minute_22">22</option>
                <option value="minute_23">23</option>
                <option value="minute_24">24</option>
                <option value="minute_25">25</option>
                <option value="minute_26">26</option>
                <option value="minute_27">27</option>
                <option value="minute_28">28</option>
                <option value="minute_29">29</option>
                <option value="minute_30">30</option>
                <option value="minute_31">31</option>
                <option value="minute_32">32</option>
                <option value="minute_33">33</option>
                <option value="minute_34">34</option>
                <option value="minute_35">35</option>
                <option value="minute_36">36</option>
                <option value="minute_37">37</option>
                <option value="minute_38">38</option>
                <option value="minute_39">39</option>
                <option value="minute_40">40</option>
                <option value="minute_41">41</option>
                <option value="minute_42">42</option>
                <option value="minute_43">43</option>
                <option value="minute_44">44</option>
                <option value="minute_45">45</option>
                <option value="minute_46">46</option>
                <option value="minute_47">47</option>
                <option value="minute_48">48</option>
                <option value="minute_49">49</option>
                <option value="minute_50">50</option>
                <option value="minute_51">51</option>
                <option value="minute_52">52</option>
                <option value="minute_53">53</option>
                <option value="minute_54">54</option>
                <option value="minute_55">55</option>
                <option value="minute_56">56</option>
                <option value="minute_57">57</option>
                <option value="minute_58">58</option>
                <option value="minute_59">59</option>
                </select>&nbsp;分
                </td>
               
                <td height="" align="left" valign="middle" width="70">
                <select name="second">
                <option value="second_0" selected="selected">00</option>
                <option value="second_1">01</option>
                <option value="second_2">02</option>
                <option value="second_3">03</option>
                <option value="second_4">04</option>
                <option value="second_5">05</option>
                <option value="second_6">06</option>
                <option value="second_7">07</option>
                <option value="second_8">08</option>
                <option value="second_9">09</option>
                <option value="second_10">10</option>
                <option value="second_11">11</option>
                <option value="second_12">12</option>
                <option value="second_13">13</option>
                <option value="second_14">14</option>
                <option value="second_15">15</option>
                <option value="second_16">16</option>
                <option value="second_17">17</option>
                <option value="second_18">18</option>
                <option value="second_19">19</option>
                <option value="second_20">20</option>
                <option value="second_21">21</option>
                <option value="second_22">22</option>
                <option value="second_23">23</option>
                <option value="second_24">24</option>
                <option value="second_25">25</option>
                <option value="second_26">26</option>
                <option value="second_27">27</option>
                <option value="second_28">28</option>
                <option value="second_29">29</option>
                <option value="second_30">30</option>
                <option value="second_31">31</option>
                <option value="second_32">32</option>
                <option value="second_33">33</option>
                <option value="second_34">34</option>
                <option value="second_35">35</option>
                <option value="second_36">36</option>
                <option value="second_37">37</option>
                <option value="second_38">38</option>
                <option value="second_39">39</option>
                <option value="second_40">40</option>
                <option value="second_41">41</option>
                <option value="second_42">42</option>
                <option value="second_43">43</option>
                <option value="second_44">44</option>
                <option value="second_45">45</option>
                <option value="second_46">46</option>
                <option value="second_47">47</option>
                <option value="second_48">48</option>
                <option value="second_49">49</option>
                <option value="second_50">50</option>
                <option value="second_51">51</option>
                <option value="second_52">52</option>
                <option value="second_53">53</option>
                <option value="second_54">54</option>
                <option value="second_55">55</option>
                <option value="second_56">56</option>
                <option value="second_57">57</option>
                <option value="second_58">58</option>
                <option value="second_59">59</option>      
           </select>&nbsp;秒
                </td>
                <td width="" bgcolor="#FFFFFF"></td>
            </tr>
          </table>
          <table width="500" border="0" cellspacing="1" cellpadding="1" bgcolor="##c3e4fc" align="center">
              <tr>
                  <td height="30" colspan="2" bgcolor="#FFFFFF" class="fonta">
                  <p align="center">
                  <input name="btn1"  type="button"  onClick="checkRadio()" value="提 交" />
                  &nbsp; &nbsp;&nbsp;&nbsp;
                  <input name="btn2"  type="button"  οnclick="" value="返 回" />
                  </p>
                  </td>
              </tr>
          </table>
         
   
         
         
</form>

</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章