2017-07-31 1 views
0

J'ai cherché exhaustivement le net pour des réponses et n'ai pas trouvé une solution de travail simple pour le moment. J'ai écrit de nombreuses façons de tenter de changer l'étiquette d'un bouton radio particulier.Comment faire pour modifier l'étiquette de bouton radio en utilisant JQuery

Je suis en train de modifier la valeur par défaut « Indiquez votre propre valeur: » à un texte personnalisé à l'aide de l'éditeur de script dans SharePoint 2013.

Voici le code par défaut que SharePoint génère pour vous pour vous donner une idée: Je peux y accéder via CSS afin de tester que l'élément peut en effet être changé.

<style type="text/css"> 
span.ms-RadioText label[for="Number_x0020__x0028_Or_x0020_Ran_e6c9be8f-bccc-474a-8b0a-e9a136acbca7_$RadioButtonChoiceFieldFillInRadio"]{ 
// do whatever 
} 
</style> 

Je n'ai pas réussi à y accéder via jQuery.

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
    $("label[for='Number_x0020__x0028_Or_x0020_Ran_e6c9be8f-bccc-474a-8b0a-e9a136acbca7_$RadioButtonChoiceFieldFillInRadio']").attr('.label', 'Assign #'); 
}); 
</script> 

S'il vous plaît aider ou souligner ce que je fais mal!

EDIT: J'ai essayé de nombreuses façons d'utiliser les fichiers .text et .html sans succès.

.text ("Assign #"); et .html ("Attribuer #"); Changé rien sur SharepPoint.

+0

peut vous mettre dans un violon pour que les gens peuvent expérimenter? – jinglesthula

+0

Vous essayez de définir l'attribut HTML ".label" qui n'existe pas. Comme l'indique @ akshay-prabhakar dans sa réponse, vous devez modifier le contenu HTML de l'élément '

+0

J'ai aussi essayé le contenu html et il ne se met pas à jour. J'ai lu dans plusieurs articles que les gens n'ont pas été en mesure de contourner ce problème, mais ces messages sont également assez vieux. J'ai essayé tout ce thing.text ("Assign #") et .html ("Assign #") et il n'a pas changé – PikachuLibre

Répondre

1

Essayez ceci,

HTML:

<div id="TheOptions"> 
    <input type="radio" id="test1" name="mylist"/><label for="test1">option 1</label> 
    <input type="radio" id="test2" name="mylist"/><label for="test1">option 2</label> 
    <input type="radio" id="test3" name="mylist"/><label for="test1">option 3</label> 
    <input type="radio" id="test4" name="mylist"/><label for="test1">option 4</label> 
</div> 

jQuery:

$('label[for=test1]').html('best option'); 
+0

.html ou La balise .text ne fonctionne pas – PikachuLibre

+0

Pouvez-vous s'il vous plaît ajouter une expérience de violon comment vous en avez besoin. –

+0

J'ai posté l'original, ce que je veux, et ce qu'il a ajouté en utilisant jquery ci-dessus dans les commentaires. – PikachuLibre

0

Essayez ceci:

$('label[for=Number_x0020__x0028_Or_x0020_Ran_e6c9be8f-bccc-474a-8b0a-e9a136acbca7_$RadioButtonChoiceFieldFillInRadio]') 
    .html('new label'); 
+0

Ne fonctionne pas comme j'ai essayé cela aussi. – PikachuLibre