Question

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

How can I change that text Rates & Fees dynamically, using Jquery?

Thanks!

How about this one that doesn’t have a class defined?

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

EDIT:

<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 />

Answer 1

The simplest will be to unwrap the input DOM element from the jQuery object, and use the native nextSibling property to get the text node, then update its value with data.

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

If you’re in an event handler, you’d just use this to refer to the element.

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