如何將單選按鈕放在列表中

我試圖在每個列表元素上放一個單選按鈕，如您在此處所看到的。如何將單選按鈕放在列表中

<ul class="list-group"> 
 
    <li class="list-group-item" ng-repeat="player in vm.players"> 
 
     {{player.name}} 
 
     <span class="pull-right"> 
 
     <input type="radio" name="gender"value="player.name"> 
 
     </span> 
 
    </li> 
 
</ul>

我希望基本上展現玩家的名字的列表，你可以選擇一些與單選按鈕，但他們似乎並沒有讓你點擊它們。

感謝，

來源

2016-09-17 SwimmingG

名稱和值屬性之間的缺失空間是否相關？ – Phrogz

不幸的不是。 – SwimmingG

不知道你是什麼意思的「不要讓你點擊它們」 - 我跑了片段，單選按鈕可以被點擊就好了。你有沒有機會參考玩家的名字？如果是這樣，將播放器名稱和輸入包裝在''元素中。 – dimodi

由於@Dimodi建議，如果你想要的文字與像一個複選框或單選按鈕可點擊的形式輸入相關聯，必須將它們用<label>關聯。例如，以下任何一種：

<label><input...> some text</label> 

<input id="foo"...> <label for="foo">some text</label>

來源

2016-09-17 17:16:18 Phrogz

只需將屬性的標籤綁定到無線電的ID即可。或只需將收音機放置在特定標籤內。

<ul class="list-group"> 
    <li class="list-group-item" ng-repeat="player in vm.players"> 
    <label> {{player.name}} 
     <input type="radio" name="gender"value="player.name"> 
     </label> 

     <label for="plys"> {{player.name}} </label> 
     <input type="radio" id="plys" name="gender"value="player.name"> 

    </li> 
</ul>

來源

2016-09-18 03:13:09 Zigri2612

如何將單選按鈕放在列表中

回答

相關問題