刪除單選按鈕，如果他們沒有檢查

Question

任何人都知道如何循環通過一組單選按鈕，並刪除那些沒有被檢查？

我試圖做的是建立了一個小測驗，在那裏，一旦你提交測驗它只會告訴你答案，你選擇的單選按鈕...

任何幫助將是巨大的不勝感激！

頁我的工作：http://adventures.org/quiz/default_post.asp

Answer 1

如果這是純JavaScript，你會使用類似：

var inputs = document.getElementById('myForm').getElementsByTagName('input'), 
    i = inputs.length - 1; //Loop backwards to avoid issues when removing an input 
    for(; i >= 0; i--) { //for loop 
    //Is this an unchecked radio button 
    if(inputs[i].type === 'radio' && !inputs[i].checked) { 
     //Remove this input element 
     inputs[i].parentNode.removeChild(inputs[i]); 
    } 
} 

UPDATE

每用戶的評論，它會出現他正嘗試刪除包含radio輸入的整個label元素。以下代碼將完成此操作。

var inputs = document.getElementsByTagName('input'), 
    i = inputs.length - 1, 
    item; 
//Loop backwards through items 
for(; i >= 0; i--) { 
    //If this is an unchecked radio button 
    if(inputs[i].type === 'radio' && !inputs[i].checked) { 
     //Begin trying to find the label item 
     item = inputs[i].parentNode; 
     //Is this the label item 
     while(item && item.nodeName.toLowerCase() !== 'label') { 
      item = item.parentNode; 
     } 
     //If an item was found 
     if(item && item.parentNode) { 
      //Remove the label element 
      item.parentNode.removeChild(item); 
     } 
    } 
} 

Answer 2

你可以這樣做：

var yourForm = document.getElementById("yourFormId"); 
var removeUnchecked = function (form) { 
    var childrenList = form.children, 
     num = childrenList.length - 1; 
    for (var i = 0; i >= num; i--) { 
    if (!childrenList[i].checked) { 
     form.removeChild(childrenList[i]); 
    } 
    } 
} 

removeUnchecked(yourForm); 

與你的表單元素的id第一線更換id。