限制HTML中的多个单选按钮选择?

时间:2014-03-04 08:05:26

标签: html

以下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>

3 个答案:

答案 0 :(得分:6)

首先这不是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>

答案 1 :(得分:1)

使用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>
  

使用name属性定义单选按钮组(具有相同名称的单选按钮属于同一组)。

答案 2 :(得分:1)

您的每个收音机都有不同的名称。将所有输入无线电的名称更改为单个名称。具有相同名称的无线电将表现为单个组,这是您的要求。

*您尚未关闭输入标签。

希望这有帮助。