限制HTML中單選按鈕的多選？

Question

下面的HTML代碼允許多選單選按鈕？我如何限制它，以便只有一個可以在同一時間將選擇列表

  <fieldset data-role="controlgroup"> 
      <legend></legend> 
      <label for="Arrived/Left">Arrived/Left Destination</label> 
      <input type="radio" name="Arrived/Left" id="Arrived/Left" value="Arrived/Left"> 
      <label for="Delayed">Delayed</label> 
      <input type="radio" name="Delayed" id="Delayed" value="Delayed">  
      <label for="Canceled">Canceled</label> 
      <input type="radio" name="Canceled" id="Canceled" value="Canceled"> 
      <label for="getupdate">Post to Get Update ?</label> 
      <input type="radio" name="getupdate" id="getupdate" value="getupdate"> 
      <label for="Other">Other</label> 
      <input type="radio" name="Other" id="Other" value="Other"> 
      </fieldset> 

Answer 1

首先這不是jQuery的..這是HTML ..

其次，你可以做到這一點通過給所有的同一組的單選按鈕（如果你只想要一個被選中）的同名..

<fieldset data-role="controlgroup"> 
     <legend></legend> 
     <label for="Arrived/Left">Arrived/Left Destination</label> 
     <input type="radio" name="status" id="Arrived/Left" value="Arrived/Left"> 
     <label for="Delayed">Delayed</label> 
     <input type="radio" name="status" id="Delayed" value="Delayed">  
     <label for="Canceled">Canceled</label> 
     <input type="radio" name="status" id="Canceled" value="Canceled"> 
     <label for="getupdate">Post to Get Update ?</label> 
     <input type="radio" name="status" id="getupdate" value="getupdate"> 
     <label for="Other">Other</label> 
     <input type="radio" name="status" id="Other" value="Other"> 
     </fieldset> 

Answer 2

使用name屬性，以便將單選按鈕

<fieldset data-role="controlgroup"> 
     <legend></legend> 
     <label for="Arrived/Left">Arrived/Left Destination</label> 
     <input type="radio" name="status" id="Arrived/Left" value="Arrived/Left"> 
     <label for="Delayed">Delayed</label> 
     <input type="radio" name="status" id="Delayed" value="Delayed">  
     <label for="Canceled">Canceled</label> 
     <input type="radio" name="status" id="Canceled" value="Canceled"> 
     <label for="getupdate">Post to Get Update ?</label> 
     <input type="radio" name="status" id="getupdate" value="getupdate"> 
     <label for="Other">Other</label> 
     <input type="radio" name="status" id="Other" value="Other"> 
     </fieldset> 

您可以使用名稱屬性（具有相同名稱的單選按鈕屬於同一組）來定義單選按鈕組。

Answer 3

您的每個收音機都有不同的名稱。將所有輸入收音機的名稱更改爲單個名稱。具有相同名稱的收音機將表現爲單個組，這是您的要求。

*您尚未關閉輸入標籤。

希望這會有所幫助。