javascript - 如何使复选框选中 onclick 从下拉列表中选择一个选项 : JS

Question

当我从选择下拉菜单中选择一个选项时，我想检查 2 个单选框输入。

我有一个这样的选择框:

<div id="checkout-shipping-method-load">
    <select id="shipping-method">
        <option value="option1">1 twister ($14.99 + $6.99 S&H)</option>
        <option value="option2">1 twister ($14.99 + $6.99 S&H)</option>
    </select>
</div>

还有像这样的单选框:

 <input type="radio" class="radio" checked="checked" id="s_method_flatrate2_flatrate2" value="flatrate2_flatrate2" name="shipping_method">
 <input type="radio" class="radio" id="s_method_flatrate_flatrate" value="flatrate_flatrate" name="shipping_method">

如何使选中的选项等于选中的单选按钮？

例如，如果选择第一个选项，则选中第一个单选框，反之亦然。

Answer 1

使用jquery非常简单，

$('#shipping-method').on('change', function(){
   var criteria = $(this).val(); // will give you selected option value
   if(criteria === 'Your Value')  // your condition here
   {
       $('#s_method_flatrate2_flatrate2').attr('checked',true); // checking the radio button
   }    
});

您可以类似地添加条件来选择您的 radio 按钮