2017-07-31 68 views
0

我已详尽搜索网络中的答案,至今尚未找到单个工作解决方案。我已经写了很多方法来尝试更改特定单选按钮的标签。如何使用JQuery更改单选按钮标签

我试图修改默认的“指定自己的价值:”在SharePoint 2013

这里使用的脚本编辑器自定义文本是的SharePoint产生你给你一个想法默认的代码: Snippet Of Code from using F12 on IE

我可以通过CSS访问它,以便测试该元素是否确实可以更改。

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

试图通过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> 

请帮忙指出我做错了什么!

编辑:我已经尝试过使用.text和.html无用的许多方法。 (“Assign#”);

.text(“Assign#”);和.html(“分配#”);在SharepPoint上没有任何改变。

+0

你可以把它放在一个小提琴,使人们可以尝试? – jinglesthula

+0

您正试图设置不存在的HTML属性“.label”。正如@ akshay-prabhakar在他的回答中指出的那样,您需要更改“

+0

我也试过html内容,它不更新。我从几篇文章中读到人们还没有能够解决这个问题,但这些帖子也很古老。我已经尝试过整个thing.text(“Assign#”)和.html(“Assign#”),它并没有改变 – PikachuLibre

回答

1

试试这个,

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或.text标记不起作用 – PikachuLibre

+0

您可以添加小提琴实验吗? –

+0

我发表了原创,我想要的,以及它在评论中使用jquery添加的内容。 – PikachuLibre

0

试试这个:

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

不工作,因为我也尝试过这一点。 – PikachuLibre

相关问题