изменить текст переключателя с помощью jquery

Question

Я хочу изменить динамический диалог, связанный с переключателем.

Html:

<label for="rdBtnNormalPricing"> 
    <div class="radio" id="uniform-rdBtnDigitize"> 
     <span><input id="rdBtnDigitize" runat="server" name="groupradio" type="radio" value="1" tabindex="2" class="validate"></input></span> 
    </div> 
    Digitizing 
</label> 

JS:

$(function(){ 
$('label[for=rdBtnDigitize]').html('Screen Printing'); 
}); 

Fiddle: http://jsfiddle.net/xb1kv06g/

Answer 1

Вы можете попробовать это:

$(function() { 
    $('.radio')[0].nextSibling.data = 'Screen Printing' 
}); 

FIDDLE DEMO

Answer 2

изменил ваш селектор для лучшего чтения. так как ваша радиокнопка имеет идентификатор, было бы достаточно использовать это как селектор, поэтому $('#rdBtnDigitize') выполнит эту работу.

тогда мы просто вставить это после того, как входной элемент и ... там вы идете ...

$('#rdBtnDigitize').after("<label for='rdBtnDigitize'>Screen Printing</label>"); 

вы можете даже изменить его автоматической маркировки (http://jsfiddle.net/xb1kv06g/5/):

$("input[type='radio']").each(function (index) { //loop through every radio input field 
    var curID = $(this).attr('id'), //save current ID 
    label = $("<label>"); //create label element 
    label.attr("for", curID); //define for attribute and connect with radio id 
    label.text("label #" + index); //enter label text 
$(this).after(label); //insert after the radio button 

});

Конечно, это решение дает непригодные названия ярлыков - здесь вы должны изменить код и получить название ярлыка где-то ...