Question

这是我的代码：

<form name="mainform" id="mainform" class="form_step" action="" method="post" enctype="multipart/form-data">
<ol>
<li id="list_cp_ad_type">
  <div class="labelwrapper">
     <label>
           <a href="#" tip="Choose your ad type" tabindex="999" title="Choose your ad type">
              <div class="helpico"></div>
                </a>Ad Type: <span class="colour">*</span>
     </label>
  </div>
        <ol class="radios">
        <li><input value="Offer Ads" type="radio" class="radiolist required" name="cp_ad_type" id="cp_ad_type">&nbsp;&nbsp;Offer Ads</li>
        <li><input value="Wanted Ads" type="radio" class="radiolist required" name="cp_ad_type" id="cp_ad_type">&nbsp;&nbsp;Wanted Ads</li>
        </ol>
        <div class="clr"></div>
</li>

预期代码：

<form name="mainform" id="mainform" class="form_step" action="" method="post" enctype="multipart/form-data">
<ol>    
    <li id="list_cp_ad_type">
                <div class="labelwrapper">
                        <label>
                            <a href="#" tip="Choose your ad type" tabindex="999" title="Choose your ad type">
                            <div class="helpico"></div>
                             </a>Ad Type: <span class="colour">*</span>
                       </label>
                </div>
               <ol class="radios">
               <li><input value="Offer Ads" type="radio" class="radiolist required" name="cp_ad_type" id="cp_ad_type">I Offer this</li>
               <li><input value="Wanted Ads" type="radio" class="radiolist required" name="cp_ad_type" id="cp_ad_type">I Want this</li>
               </ol>
               <div class="clr"></div>
    </li>

我只想将“优惠广告”文字转换或更改为“我提供此”文字，将“通缉广告”文字转换为“我想要此”文字但不是两者的输入值也是“我想要这个”立即生效页面加载。

任何人都有帮助..

Answer 1

尝试

jQuery(function(){
    $('.radios input:radio[value="Offer Ads"]').get(0).nextSibling.data  = 'I offer this'
    $('.radios input:radio[value="Wanted Ads"]').get(0).nextSibling.data = 'I Want this'
})

演示：Fiddle

Answer 2

我假设您在标记时使用了jQuery。这可能适合你，

$('input:radio[value="Offer Ads"]').parent().text('I Offer this');
$('input:radio[value="Wanted Ads"]').parent().text('I Want this');

JSFiddle.

我建议，为每个元素使用不同的id，否则它将不是有效的HTML。引用W3C文档：

文档中不得有多个具有相同元素的元素 id值。

Answer 3

ID应该是唯一的，为每个单选按钮分配唯一ID，或者使用类

试试这个

function change()
{
document.getElementById('cp_ad_type').setAttribute('value',"your value");

}

仅更改或转换单选按钮的文本，但不更改或转换表单中的值

3 个答案: