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>

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

Answer 3

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

*您尚未关闭输入标签。

希望这有帮助。

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

3 个答案: