2011-02-28 38 views
1
<input type="checkbox" name="Rates" class="RatesClass">Rates & Fees<br /> 

如何使用Jquery動態更改文本Rates & Fees使用Jquery在輸入標籤內更改文本

謝謝!

這個沒有定義類的那個呢?

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

從哪裏?你不需要使用Jquery來改變文本,使用DOM函數:'yourInput.NextSibling.Data ='new text';' – 2011-02-28 15:48:07

+1

通常你會在'Rates&Fees'周圍放一個'

+0

@Martin文本不是輸入的子項。它是一個兄弟姐妹,它周圍沒有任何標籤,因此它將被封閉在輸入的父domnode中。 – Endophage 2011-02-28 15:48:56

回答

2

最簡單的將是從jQuery對象解開的input DOM元素,並使用本機nextSibling屬性來獲取文本節點,然後用data更新它的值。

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

如果在事件處理程序的時候,你只需要使用this指的元素。

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

如何處理沒有定義類的元素,但其他所有元素的定義方式相同? – slandau 2011-02-28 15:48:10

+0

@slandau:您需要某種方式來選擇輸入。選擇它的最好方法將取決於實際情況。如果你在處理程序位於''的事件處理程序中執行此操作,則只需使用'this'關鍵字,它將引用該元素。我會更新。 – user113716 2011-02-28 15:49:58

+0

@patrick,檢查我的編輯。該輸入沒有定義類,我不能用你指定的方式使用Id,也不能使用Jquery .text()屬性。 – slandau 2011-02-28 16:30:27

-1

您需要將一個id添加到輸入。

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

然後在你的jQuery中。

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

你在哪裏找到了'innerHTML'這裏? – 2011-02-28 15:49:36

+0

我不知道爲什麼我這麼說。 – s84 2011-02-28 15:50:49