首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在不手动修改HTML的情况下,用JS在复选框后显示文本?

如何在不手动修改HTML的情况下,用JS在复选框后显示文本?
EN

Stack Overflow用户
提问于 2018-07-20 04:48:03
回答 3查看 33关注 0票数 0

我有麻烦了..。如何创建新节点并将其插入到标题为"Special Order“的复选框之后?

但它会用文本替换我的复选框。另外,我无法更改HTML,因为它是由第三方库为我创建的。对HTML的任何更改都将通过JS/jQuery完成。

此外,由于某些原因,我的特定HTML并不总是在应该显示的时候显示文本。我可以使用Firefox开发工具编辑文本,但它不会在复选框后显示,这很奇怪……我可能做错了什么。

我试着去做

var textnode = document.createTextNode("TEST"); 
$( "input[name='submittal[special_order]']" ).parent().html(textnode);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset id="submittal_form_info">


  <label><span>XXX:</span>
  <input name="submittal[xxx]" value="0" type="hidden">
  <input name="submittal[xxx]" value="1" type="checkbox">
  </label>


  <label><span>Special Order:</span>
  <input name="submittal[special_order]" value="0" type="hidden">
  <input name="submittal[special_order]" title="Is this a special order?" value="1" type="checkbox">
  </label>

</fieldset>

我正在尝试做的是在我的HTML中将我选择的文本添加到方形复选框图标之后。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51431459

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档