<input type="checkbox" name="Rates" class="RatesClass">Rates & Fees<br />
어떻게하면 해당 텍스트 Rates & Fees을 Jquery를 사용하여 동적으로 변경할 수 있습니까?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 />
가장 간단한 jQuery 오브젝트에서 input DOM 요소를 풀다, 텍스트 노드를 얻을 수있는 기본 nextSibling 속성을 사용하여, 다음 data과의 값을 업데이트하는 것입니다. 당신이 이벤트 핸들러에 있다면
$('input.RatesClass')[0].nextSibling.data = "new value";
, 당신은 단지 요소를 참조 할 this을 사용하십시오.
$('input.RatesClass').change(function() {
this.nextSibling.data = "new value";
});
정의 된 클래스가없는 요소에 대해 수행하는 것은 어떨까요 만 다른 모든 것은 동일한 방식으로 정의됩니까? – slandau
@slandau : 입력을 선택하는 방법이 필요합니다. 이를 선택하는 가장 좋은 방법은 실제 상황에 따라 다릅니다. 핸들러가 ''에있는 이벤트 핸들러에서이 작업을 수행하는 경우 요소를 참조하는 'this' 키워드 만 사용하십시오. 나는 갱신 할 것이다. – user113716
@patrick, 제 편집을 확인하십시오. 그 입력에는 정의 된 클래스가 없으며 사용자가 지정한 방식으로 ID를 사용할 수 없으며 Jquery .text() 속성도 사용할 수 없습니다. – slandau
입력에 id을 추가해야합니다.
<input id="myInput" type="checkbox" name="Rates" class="RatesClass">Rates & Fees<br/>
그런 다음 jQuery에서.
$('#myInput').html('Here is some HTML')
여기서 'innerHTML'을 어디에서 찾았습니까? –
왜 그런지 모르겠습니다. – s84
어디에서? 'yourInput.NextSibling.Data = 'new text';' –
일반적으로 "Rates & Fees"에'
@Martin 텍스트가 입력의 하위 항목이 아닙니다. 그것은 형제이고 주위에 태그가 없으므로 입력의 부모 DOM 노드에 묶여 있습니다. – Endophage