HTML更改/替换输入后的字符串

Question

function convertUnits(obj) {
if($(obj).is(":checked")){
$(obj).after(' "');
}else{
$(obj).after(' mm');
}
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td>
<input type='checkbox' id='units' onchange="convertUnits(this)"/>
</td>
</tr>
<tr>
</table>

我正在尝试更改/替换文本输入后取决于选择哪个单选按钮的文本。

我可以添加文本，但它不能替换它…

我用这个代码来添加文本…convInputs是所有输入的数组，我想在输入的末尾添加文本。根据所选择的复选框，它可以是'/'，' "'或' mm'，就像在示例文本中一样。

现在，当我切换复选框的文本只是添加在一起，而不是替换为新的文本…即:/"毫米。

[https://jsfiddle.net/frankn/c6mjvLxd/19/] [1]

编辑:添加了jsfiddle的简化代码示例，我的实际代码和发生了什么。

edit #2:根据建议，我在这里添加了代码片段。

Answer 1

好了，在一个混乱的问题和一些帮助和建议之后…这是我想到的…

function convertUnits(obj) {
if($(obj).is(":checked")){
$(obj).next().remove()
$(obj).after("<label> test</label>")
}else{
$(obj).next().remove()
$(obj).after("<label> new</label>")
}
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td>
<input type='checkbox' id='units' onchange="convertUnits(this)"/>
</td>
</tr>
<tr>
</table>