根据无线电值更改链接按钮名称

时间:2011-11-28 17:49:53

标签: jquery label radio

我有一个带有选择输入单选按钮的表。 2个无线电输入按钮的值为“P2”或“P1”,其余值以S开头,如下所示

<input id="test" name="purchaseChoice" class="radio" onclick="togglePrices(false);" type="radio" value="P2"/>
<input id="test" name="purchaseChoice" class="radio" onclick="togglePrices(true);" type="radio" value="P1"/>


<input id="test" name="purchaseChoice" class="radio" onclick="togglePrices(true);" type="radio" value="S111"/>
<input id="test" name="purchaseChoice" class="radio" onclick="togglePrices(false);" type="radio" value="S112"/>
<input id="test" name="purchaseChoice" class="radio" onclick="togglePrices(true);" type="radio" value="S131"/>
<input id="test" name="purchaseChoice" class="radio" onclick="togglePrices(false);" type="radio" value="S132"/>
<input id="test" name="purchaseChoice" class="radio" onclick="togglePrices(true);" type="radio" value="S121"/>
<input id="test" name="purchaseChoice" class="radio" onclick="togglePrices(false);" type="radio" value="S122"/>
<a href='javascript: submitform("subsOptionform")' tabindex="14" class="right button blue">Subscribe</a>

当我选择2个第一个单选按钮时,我希望链接的标签从订阅更改为购买点数。

任何帮助表示感谢。

由于

1 个答案:

答案 0 :(得分:1)

首先,您需要将input的ID更改为唯一值,否则无法保证无效。

接下来,请尝试将其放入$(document).ready(function(){

$('.radio').change(function(){
    if($(this).attr('value') === 'P1' || $(this).attr('value') === 'P2'){
        $('.blue').text('Buy credits');
    }else{
        $('.blue').text('Subscribe');
    }
});