Java 单选按钮和文本框事件处理

Java 单选按钮和文本框事件处理,java,javascript,html,jsp,Java,Javascript,Html,Jsp,我正在用JSP制作一个页面,无法确定如何执行以下操作 我在for循环中动态生成了一组单选按钮 <% for (Something something : somethings) { for (Random random : something.getRandoms ()) { %> <input type ="radio" name="<%= something%>" value="<%= random.toString()%>"

我正在用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中尝试说
.value=”“
,但它不起作用。

如评论中所述,此答案假设您在每组单选按钮和文本框周围包装了一个
字段集:

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]);
}
var set=document.getElementsByTagName('fieldset'),
设置计数=设置长度,
clearBox=函数(box){
box.value='';
},
clearFields=函数(字段集){
var buttons=fieldset.querySelectorAll('input[type=“radio”]”),
buttonCount=buttons.length,
textBox=fieldset.querySelector('input[type=“text”]”),
J
对于(j=0;j

设置文本框的值或事件处理中的值或两者都有问题?请为所有文本框指定一个类(例如txtBox),并为所有收音机指定radioBtn。单击单选按钮,获取所有具有txtBox类的元素,然后清除,对文本框执行相同的操作。请注意,
元素不能包含内容,因此不需要显示的关闭标签@Manish-当元素已经有一个(公共)名称时,你为什么建议使用一个类?@Matsemann,我所做的html编辑是应OP的要求进行的。请看评论。添加标签不会影响答案,因为他正在寻找JS答案,但会停止对代码有效性的评论。@DerekHenderson我认为这不是一种有效的方法。如果他的代码需要更改,你应该在答案中显示代码的外观,而不是更改问题。我有多组单选按钮。所以我不能这样做。每组(某些单选按钮+1个文本框)是独立的。我需要对此进行修改。将每组放在一个字段集中,然后只选择字段集中的输入。请您稍作修改好吗?从未使用过字段集。此外,我还编辑了我的代码,每次您将每个组包装在
中,然后您可以说为每个字段集应用上述代码。因此,事件将被限制在字段集的范围内。所以基本上我们为每个字段集提供一个id之类的东西?那么我将如何修改这个js代码?