如何在html中插入多個單選按鈕？

-2

<tr> 
     <td> 
     <div class="radio radio-info"> 
      <input type="radio" name="survey1" id="radio1" value="1"> 
      <label></label> 
     </div> 
     </td> 
     <td> 
     <div class="radio radio-info"> 
      <input type="radio" name="survey1" id="radio2" value="2"> 
      <label></label> 
     </div> 
     </td> 
     <td> 
     <div class="radio radio-info"> 
      <input type="radio" name="survey1" id="radio3" value="3"> 
      <label></label> 
     </div> 
     </td> 
     <td> 
     <div class="radio radio-info"> 
      <input type="radio" name="survey1" id="radio4" value="4"> 
      <label></label> 
     </div> 
     </td> 
</tr>

當然，對於只有一行，它有點直截了當，但如果表中有100行呢？（在所有行中，上面的代碼（單選按鈕）應該被完全複製）...任何關於在JS中這樣做的想法？

來源

2016-10-09 Omid Reza Abbasi

HTML是*不*編程語言：它是一種標記語言。它沒有迭代/循環函數，因此您需要依賴客戶端（例如JS）或服務器端（例如PHP，Node.js）代碼來運行執行所需DOM插入的循環。您也可以依靠模板引擎來生成標記，例如Jade。 – Terry

@特里，是的，我知道。正因爲如此，我用javascript標記了這個問題。那麼在JS中有什麼想法？（問題已編輯） –

您的問題缺乏研究努力。你只是傾銷HTML塊，並要求人們寫你的代碼。這個網站是關於尋求幫助你解決問題的失敗嘗試，而不是坐下來等待別人爲你做你的工作。進行一對Google搜索，例如「如何用JavaScript克隆元素」，並在詢問之前自己嘗試解決問題。 – SeinopSys

-1

由於您已更新您的問題以接受基於JS的答案，因此以下是對您的請求的快速但非常簡單的方法：您聲明要插入的無線電元素數量，然後構建一個for循環，以追加新的<input type="radio">元素爲特定的錶行：

var counts = 100; 
 
for (var i = 0; i < counts; i++) { 
 
    document.getElementById('radio').innerHTML += '<td><div class="radio radio-info"><input type="radio" name="survey1" id="radio'+(i+1)+'" value="'+(i+1)+'"><label></label></div></td>'; 
 
    }

<table> 
 
    <tr id="radio"></tr> 
 
</table>

來源

2016-10-09 20:41:37 Terry

如何在html中插入多個單選按鈕？

回答

相關問題