javascript - 当 radio 改变时更新选择相同的值

Question

我有一个 radio 输入和一个选择，两者具有相同的值。当 radio 被选中时，我要更新选择，以便选择具有相同的事件选项，并且当我更改选择时相同，我希望 radio 发生变化。

$(".change").change(function() {
	var selected = $(this).val();
	$(".change").val(selected);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="radio" id="yes" value="yes" checked  class="change"/>
<label for="yes">Yes</label>
<input type="radio" name="radio" id="no" value="no" class="change" />
<label for="yes">No</label>

<select name="application_type" class="change">
	<option value="yes" selected>Yes</option>
	<option value="no">No</option>
</select>

Answer 1

检查代码片段，这可能对你有帮助 :D

 var selected;
jQuery(".change").on('change', function() {
  if(this.type == 'radio') {
  	selected = jQuery(this).attr('id');

    jQuery(".change[name=application_type]").val(selected);
  }else{
    
    selected = jQuery(this).val();
    jQuery('.change[type=radio][value='+selected+']').prop('checked', true);
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<input type="radio" name="radio" id="yes" value="yes" checked  class="change"/>
<label for="yes">Yes</label>
<input type="radio" name="radio" id="no" value="no" class="change" />
<label for="yes">No</label>

<select name="application_type" class="change">
	<option value="yes">Yes</option>
	<option value="no">No</option>
</select>