根据单选按钮更改选择选项

时间:2014-05-27 10:21:38

标签: jquery radio-button selection

我想根据单选按钮选择一个选项。我尝试了上面的代码和许多其他代码,但它不起作用。你能帮我解决这个问题:

<input type="hidden" id="shippingrequired" name="shippingrequired" value="1">
<input id="shipping_shipping_standard" name="shipping_plugin" rel="GLS - platba dopredu" type="radio" value="shipping_standard" onclick="k2storeSetShippingRate('GLS - platba dopredu','5.5',0,0, '0', true );">
<label for="shipping_shipping_standard" onclick="k2storeSetShippingRate('GLS - platba dopredu','5.5',0,0, '0', true );">GLS - platba dopredu ( 5.50€ )</label><br>
<input id="shipping_shipping_standard" name="shipping_plugin" rel="GLS - dobierka" type="radio" value="shipping_standard" onclick="k2storeSetShippingRate('GLS - dobierka','5.5',0,1.2, '0', true );">
<label for="shipping_shipping_standard" onclick="k2storeSetShippingRate('GLS - dobierka','5.5',0,1.2, '0', true );">GLS - dobierka ( 6.70€ )</label><br>
<input id="shipping_shipping_standard" name="shipping_plugin" rel="Osobný odber - ZDARMA" type="radio" value="shipping_standard" onclick="k2storeSetShippingRate('Osobný odber - ZDARMA','0',0,0, '0', true );">
<label for="shipping_shipping_standard" onclick="k2storeSetShippingRate('Osobný odber - ZDARMA','0',0,0, '0', true );">Osobný odber - ZDARMA ( 0.00€ )</label><br>
<input type="hidden" name="shipping_price" id="shipping_price" value="0">

这是RADIO按钮部分。

这是选择框。

<select id="offline_payment_method" name="offline_payment_method">
<option value="Platba pri dodaní">Platba pri dodaní</option>
<option value="Bankový prevod">Bankový prevod</option>
</select>

我用jQuery尝试了很多解决方案,包括.prop,.attr,is(“:checked”),但它们都不起作用。

我的jQuery代码:

$('input[rel*="dopredu"]').click(function() {
if($('input[rel*="dopredu"]').attr('checked')) { $('#offline_payment_method option:eq(1)').attr('selected','selected') }
});

$('input[rel*="dobierka"]').click(function() {
if($('input[rel*="dobierka"]').attr('checked')) { $('#offline_payment_method option:eq(0)').attr('selected', true) }
});

$('input[rel*="ZDARMA"]').click(function() {
if($('input[rel*="ZDARMA"]').attr('checked')) { $('#offline_payment_method option:eq(0)').attr('selected','selected') }
});

2 个答案:

答案 0 :(得分:0)

只要单击单选按钮并使该功能选择相应的选项,就可以调用一个函数。

答案 1 :(得分:0)

我创造了一个小提琴请检查.. Fiddle

$('input[rel*="dopredu"]').attr('checked')将返回字符串checked,因此将if条件更改为$('input[rel*="dopredu"]').attr('checked') == "checked",并将change事件用于radio和{{ 1}}而不是checkbox

click