默认选中单选按钮

Question

默认选中单选按钮

ENG*_*024 0 html javascript javascript-events

我有一个带有表单的html页面.它有两个标有Day Shift和Night Shift的单选按钮.我有一个JavaScript IF else语句,说明如果当前时间晚于7:00和19:00之前,则自动默认要检查日移按钮,否则请检查夜班按钮.

我不明白如何根据此声明检查单选按钮.我从单选按钮之前将值放入JavaScript变量,但不是相反.任何帮助都非常感谢.

HTML

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8" content="HTML,CSS,XML,JavaScript">
      <script src="Scripts/autoRadio.js" type="text/javascript"></script>
      <link rel="stylesheet" type="text/css" href="Styles/Design.css">
   </head>
   <body>
      <form action="WasteEntry.asp" method="post">
         <fieldset>
            <input type="radio" required name="Shift" id="dayShift" value="Day Shift" >
            <input type="radio"  name="Shift" id="eveningShift" value="Evening Shift" >
         </fieldset>
      </form>
   </body>
</html>

Run Code Online (Sandbox Code Playgroud)

JavaScript的

 var now = new Date().getHours();
if (now > 7 && now < 19) {
     document.getElementById('dayShift').checked = true;
} else {
     document.getElementById('eveningShift').checked = true;
}

Run Code Online (Sandbox Code Playgroud)

Answer 1

Cra*_*ste 5

这应该做到这一点.

var now= new Date().getHours();
if(now>7 && now<19){
    radiobtn = document.getElementById("dayShift");
    radiobtn.checked = true;
} else{
    radiobtn = document.getElementById("eveningShift");
    radiobtn.checked = true; 
}

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，10 月前
查看次数：	139 次
最近记录：	10 年，10 月前