使用Jquery更改输入标记内的文本

时间:2011-02-28 15:45:31

标签: jquery html

<input type="checkbox" name="Rates" class="RatesClass">Rates & Fees<br />

如何使用Jquery动态更改文本Rates & Fees

谢谢!

这个没有定义类的那个怎么样?

<input type="checkbox" id="Value" name="Values">Values<br />

编辑:

<input type="checkbox" id="RatesFees" name="Rates" class="RatesClass">Rates & Fees<br />
<input type="checkbox" id="RatesOnly" name="RatesSpecific" class="RatesClass">Rates (All-In-Rate Only)<br />

2 个答案:

答案 0 :(得分:2)

最简单的方法是从jQuery对象中解包input DOM元素,并使用本机nextSibling属性获取文本节点,然后使用data更新其值。 / p>

$('input.RatesClass')[0].nextSibling.data = "new value";

如果您在事件处理程序中,则只需使用this来引用该元素。

$('input.RatesClass').change(function() {
    this.nextSibling.data = "new value";
});

答案 1 :(得分:-1)

您需要在输入中添加id

<input id="myInput" type="checkbox" name="Rates" class="RatesClass">Rates & Fees<br/>

然后在你的jQuery中。

$('#myInput').html('Here is some HTML')