默認情況下選中單選按鈕

Question

我有一個帶有表單的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>

的JavaScript

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

Answer 1

這應該做。

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; 
}

Answer 2

您可以執行以下操作：

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

PS：您確實應該更改無效的重復ID。 並且required屬性也不應重復。

默認情況下選中單選按鈕

問題描述

2 個解決方案

解決方案1
5 2015-02-10 19:18:50

解決方案2
2 已采納 2015-02-10 19:19:18

默認情況下選中單選按鈕

問題描述

2 個解決方案

解決方案1 5 2015-02-10 19:18:50

解決方案2 2 已采納 2015-02-10 19:19:18

解決方案1
5 2015-02-10 19:18:50

解決方案2
2 已采納 2015-02-10 19:19:18