修改我的单选输入按钮的文本

Modify the text of my radio input button?

本文关键字：文本 按钮 输入 我的 单选 修改      更新时间：2023-09-26

您的普通单选按钮有一个名称和值，但旁边也有一些文本，在这种情况下是"更改此文本"

如何在javascript中更改此项？甚至提醒它？AFAIK，它不是.internal html。

HTML:

            <input type="radio" name="radioOption1" value="Array 1"> Change this text

Javascript

    var confirmIExist = document.getElementsByName("radioOption1");
alert(confirmIExist.innerHTML);
    //alerts undefined

如果不是.innerHTML，它是什么？如果我用getElementByName或getElementById获取输入对象，那么后面的哪个块表示Alert文本？

您可以使用alert(confirmIExist[0].nextSibling.textContent)，但最好将文本放在<label>中的单选按钮旁边，然后获取的内部html

<input type="radio" id="radioOption1" name="radioOption1" value="Array 1"><label for="radioOption1" id="r1option">Change this text</label>
...
var label = document.getElementById("r1option");
alert(label.innerHTML);

不能为输入元素设置内部html。相反，用包装你的文本，并给它一个ID

<input type="radio" name="radioOption1" value="Array 1"> <label id="radioText">Change this text</label>

input是一个自封闭元素。它不能有innerHTML

nextSibling将返回单选按钮后面的Node。

document.getElementsByName('radioOption1')[0].nextSibling.nodeValue = 'Text changed';

jsFiddle演示

confirmIExist[0].nextSibling.textContent="abc"

相关文章：