Javascript 在引导收音机中仅选择一个选项

以下是我选择收音机的代码：

           <div id="box" class="col-md-4">
                <div class="panel panel-default">
                   <div class="panel-heading" id="ph">
                      <h3 class="panel-title">Title</h3>
                   </div>
                   <div class="panel-body">
                        <div class="radio">
                            <label>
                                <input type="radio" id="anynum">Any number 
                            </label>
                            <label>
                                <input type="radio" id="issuenum" >Issue number 
                            </label>
                        </div>
                       <button class="btn btn-success" onclick="">Apply</button>
                   </div>
                </div>
            </div>

标题
任何数字
发行号
申请

我们如何才能从两个选项中只选择一个？

---

目前我可以选择这两个选项。

单选按钮的名称应该相同-

<div id="box" class="col-md-4">
<div class="panel panel-default">
    <div class="panel-heading" id="ph">
        <h3 class="panel-title">Title</h3>
    </div>
    <div class="panel-body">
        <div class="radio">
            <label>
                <input type="radio" name="anynum" id="anynum">Any number
            </label>
            <label>
                <input type="radio" name="anynum" id="issuenum">Issue number
            </label>
        </div>
        <button class="btn btn-success" onclick="">Apply</button>
    </div>
</div>

标题
任何数字
发行号
申请

---

将相同的名称属性添加到两个单选按钮

编辑：

<input type="radio" name="number">Any number 

<input type="radio" name="number">Any other number 

任意数字
还有其他号码吗

当使用单选按钮时，您应该将它们命名为相同的名称，例如，在您的情况下，将

---

name=“anynum”

这将阻止您选择两个按钮

将

name

属性添加到

input

标记，并且两个单选按钮应具有相同的名称值，以使其成为如下所示的组

<div id="box" class="col-md-4">
    <div class="panel panel-default">
       <div class="panel-heading" id="ph">
          <h3 class="panel-title">Title</h3>
       </div>
       <div class="panel-body">
            <div class="radio">
                <label>
                    <input type="radio" id="anynum" name="group1">Any number 
                </label>
                <label>
                    <input type="radio" id="issuenum" name="group1">Issue number 
                </label>
            </div>
           <button class="btn btn-success" onclick="">Apply</button>
       </div>
    </div>
</div>

标题
任何数字
发行号
申请

当您单击单选按钮时，它会被选中， 而所有其他同名单选按钮都将被取消选中

<div id="box" class="col-md-4">
            <div class="panel panel-default">
               <div class="panel-heading" id="ph">
                  <h3 class="panel-title">Title</h3>
               </div>
               <div class="panel-body">
                    <div class="radio">
                    <div class="btn-group">
                        <label>
                            <input type="radio" id="anynum" name="any">Any number 
                        </label>
                        <label>
                            <input type="radio" id="issuenum" name="any">Issue number 
                        </label>
                    </div>
                    </div>
                   <button class="btn btn-success" onclick="">Apply</button>
               </div>
            </div>
        </div>

标题
任何数字
发行号
申请

为两个单选按钮指定相同的名称

<label>
<input type="radio" name="name" id="anynum">Any number        
<label>
<input type="radio" name="name" id="issuenum" >Issue number 

任何数字
发行号

为两个输入使用相同的名称属性。请解释您的答案？在无线电输入中，您需要保持名称相同，以将其分组，并从该组中仅选择一个