首页 / JAVASCRIPT / javascript – 如何更改单选按钮的文本

javascript – 如何更改单选按钮的文本

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何更改单选按钮的文本，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含816字，纯文字阅读大概需要2分钟。

内容图文

我有一个单选按钮需要从用户输入动态更新,但正常的.val(),. text()和.html()将无法正常工作.如何使用jQuery或纯JavaScript更改单选按钮的文本？

解决方法:

单选按钮没有与之关联的文本.

但是如果你在无线电选项旁边有一个标签标签/ span标签.然后你可以使用.next访问该元素并更改其text / html

DEMO

HTML：

<input type="radio" /><label>Option 1</label>

要么

<input type="radio" /><span>Option 1</span>

JS：

var $label = $('input[type=radio]').next();
$label.text('Options');

或者您可以使用下面的黑客来更改无线电选项旁边的文本.请注意,以下代码假定文本位于radio选项旁边.

DEMO

var isRadioLabel = 0;
$('div').contents().each(function() {
    if (this.nodeName == '#text' && isRadioLabel == 1) {
        isRadioLabel = 2;
    }
    if (isRadioLabel == 2) {
        this.nodeValue = 'Options';
        isRadioLabel = 0;
    }
    if (this.type == 'radio') {
        isRadioLabel = 1;
    } else {
        isRadioLabel = 0;
    }
});

内容总结

以上是互联网集市为您收集整理的javascript – 如何更改单选按钮的文本全部内容，希望文章能够帮你解决javascript – 如何更改单选按钮的文本所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/747561.html

来源：【匿名】