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

Change or convert only text of radio buttons but not the values in form

本文关键字：转换 表单 单选按钮 文本      更新时间：2023-09-26

这是我下面的代码：

<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>

我只想将"Offer Ads"文本转换或更改为"I Offer this"文本，将"Wanted Ads"文字转换或更改成"I want this"文字，但不想同时转换或更改id="cp_ad_type"的输入值，这也会在页面加载时立即生效。

任何人请帮帮我。。

尝试

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

我假设你在标记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值。

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

试试这个

function change()
{
document.getElementById('cp_ad_type').setAttribute('value',"your value");
}
相关文章：