Изменение имени кнопки ссылки на основе значения радио - PullRequest
Новая
       16

Изменение имени кнопки ссылки на основе значения радио

0 голосов
/ 28 ноября 2011

У меня есть таблица с выбором переключателей ввода. 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 Ответ

1 голос
/ 28 ноября 2011

Сначала вам нужно изменить идентификаторы ваших input s на уникальные значения, иначе ничего не будет работать.

Далее попробуйте вставить это в $(document).ready(function(){: 

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