如何插入選定的單選按鈕值轉換成表格單元格

我有5個單選按鈕如何插入選定的單選按鈕值轉換成表格單元格

<input type="radio" id="rating">1 
<input type="radio" id="rating2">2 
<input type="radio" id="rating3">3 
<input type="radio" id="rating4">4 
<input type="radio" id="rating5">5

我有一個表

<table id="myTableData" border="1" style="width:100%"> 
<tr id="templateRow"> 
      <th>Ratings</th> 
     </tr> 
</table>

之一添加按鈕

<input type="button" id="add" value="Add" onclick="addRadioValue()">

我寫代碼動態添加行到表中，但是當我選擇一個單選按鈕，然後單擊添加按鈕時，所選弧的值io按鈕應該插入到表格評分中的新單元格中。

我能夠爲文本框做這件事，但我無法做到單選按鈕。任何人都可以幫助我嗎？

來源

2015-05-14 Pravin Kottawar

顯示您的整個代碼和html – renakre

使用http://jsfiddle.net/創建演示 –

您的單選按鈕此刻沒有值。添加一個值。 ' 1' –

你的問題是你沒有在收音機上設置name，並且你試圖用get ID語句獲取選定的收音機。您實際上需要通過名稱獲取無線電元素，並執行一個循環來檢查選定的元素。

工作的jsfiddle：http://jsfiddle.net/cv4u0nf9/4/

環路我插入

var ratings = document.getElementsByName("rating"); 
for (var i=0; i<ratings.length; i++) { 
    if (ratings[i].checked) { 
     rating = ratings[i]; 
    } 
}

來源

2015-05-14 14:22:23

可以使用querySelector('input[name="rating"]:checked')

Java腳本的

function addRow() { 

    var myName = document.getElementById("name"); 
    var auther = document.getElementById("auther"); 
    var publish = document.getElementById("publish"); 
    var rating = document.querySelector('input[name="rating"]:checked'); 
    var table = document.getElementById("myTableData"); 

    var rowCount = table.rows.length; 
    var row = table.insertRow(rowCount); 

    row.insertCell(0).innerHTML=count ; 
    row.insertCell(1).innerHTML= myName.value; 
    row.insertCell(2).innerHTML= auther.value; 
    row.insertCell(3).innerHTML= publish.value; 
    if(rating.checked) 
     row.insertCell(4).innerHTML= rating.value; 
    else 
     row.insertCell(4).innerHTML= ""; 
    count=count+1; 
}

這裏是我的Demo

來源

2015-05-14 14:31:08

如何插入選定的單選按鈕值轉換成表格單元格

回答

相關問題