單選按鈕和文本框事件處理

Question

我在JSP中創建頁面，無法確定如何執行以下操作。

我有一個動態生成的for循環一堆單選按鈕

<% 
for (Something something : somethings) { 
    for (Random random : something.getRandoms()) { %> 
     <input type ="radio" name="<%= something%>" value="<%= random.toString()%>"><%= random%> <br> 
<% }%> 
    Some text here : <input type = "text" name="<%= something%>Text" placeholder="Some more text here"/> 
<% }%> 

我想要做的是：

當一個單選按鈕被選中，文本框應爲空，當在文本框中輸入一些文本時，應清除單選按鈕。

我試過在javascript中使用<name of text box>.value=""，但它不起作用。

Answer 1

正如在評論中討論，這個答案假定您已經纏單選按鈕和文本框的每一個分組fieldset：

var sets = document.getElementsByTagName('fieldset'), 
    setsCount = sets.length, 
    clearBox = function (box) { 
     box.value = ''; 
    }, 
    clearFields = function (fieldset) { 
     var buttons = fieldset.querySelectorAll('input[type="radio"]'), 
      buttonCount = buttons.length, 
      textBox = fieldset.querySelector('input[type="text"]'), 
      j; 

     for (j = 0; j < buttonCount; j += 1) { 
      buttons[j].onclick = function() { 
       clearBox(textBox); 
      }; 
     } 

     textBox.onkeypress = function() { 
      for (j = 0; j < buttonCount; j += 1) { 
       buttons[j].checked = false; 
      } 
     }; 
    }, 
    i; 

for (i = 0; i < setsCount; i += 1) { 
    clearFields(sets[i]); 
} 

Demo