admin管理员组

文章数量:1418094

Your average radio button has a name and value, but also some text next to it, in this case "Change this text."

How can I change this in javascript? Or even alert it? AFAIK, it is NOT the .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

If it's not .innerHTML, what is it? if I grab the input object with either getElementByName or getElementById, what chunk after that represents the Alert text?

Your average radio button has a name and value, but also some text next to it, in this case "Change this text."

How can I change this in javascript? Or even alert it? AFAIK, it is NOT the .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

If it's not .innerHTML, what is it? if I grab the input object with either getElementByName or getElementById, what chunk after that represents the Alert text?

  • javascript
  • input
  • radio-button
  • innerhtml
Share Improve this question edited Jul 2, 2022 at 10:06 Jonas 129k103 gold badges328 silver badges405 bronze badges asked Aug 12, 2013 at 4:55 user2448657user2448657 1111 silver badge2 bronze badges
Add a ment  | 

4 Answers 4

Reset to default 3

You could use alert(confirmIExist[0].nextSibling.textContent), but wouldn't it be better to place the text next to the radio button in a <label> and then get the inner html of that

<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);

You cannot set inner html for a input element. instead wrap your text with a and give it a ID

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

input is a self-closing element. It cannot have innerHTML

nextSibling will return the Node that follows the radio button.

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

jsFiddle Demo

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

本文标签： javascriptModify the text of my radio input buttonStack Overflow

版权声明：本文标题：javascript - Modify the text of my radio input button? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745282229a2651488.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。