如何使用JQuery更改单选按钮标签

时间:2017-07-31 19:58:54

标签: jquery sharepoint-2013

我已经详尽地在网上搜索答案,但还没有找到一个单一的工作解决方案。我已经写了很多方法来尝试更改特定单选按钮的标签。

我正在尝试编辑默认值"指定您自己的值:"使用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的方法,但之前没有用。

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

2 个答案:

答案 0 :(得分: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');

答案 1 :(得分:0)

试试这个:

{{1}}