修改我的收音机输入按钮的文字?(Modify the text of my radio input

2019-10-18 11:30发布

您的平均单选按钮的名称和价值,而且在它旁边,在这种情况下,一些文本“更改这个文本。”

我怎样才能在javascript改变呢? 甚至提醒呢? 据我所知,这不是.inner 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输入对象,以后有什么块代表警报文本?

Answer 1:

你可以使用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);


Answer 2:

你不能为输入元素设置内部HTML。 而不是用包装你的文字,并给它一个ID

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


Answer 3:

input是一个自闭合元件。 它不能拥有innerHTML

nextSibling将返回下面的单选按钮的节点。

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

的jsfiddle演示



Answer 4:

confirmIExist [0] = .nextSibling.textContent “ABC”



文章来源: Modify the text of my radio input button?