javascript - 如何自动检查基于另一个单选按钮的单选按钮？

Question

我有两 (2) 个表单(div :向导表单):

• 第一个表单(div)要求用户检查单选按钮

• 第二个表单(div)用于验证用户是否想要更改某些内容

问题是第二种形式:

如何在第二个表单中自动检查用户在第一个表单中检查的同一个单选按钮？

我有一个单选按钮，可以在 YES 和 NO 之间进行选择。

因此，如果用户选择 YES 按钮，我需要在第二个表单(div)中自动选中 YES 按钮。

代码:

yes_no = $('input[name="test"]:checked').val();

alert(yes_no);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="step1">
    <div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Test </label>
    <div class="col-md-6 col-sm-6 col-xs-12">
      
    <div class="btn-group" data-toggle="buttons">
      
    <label class="btn btn-default btn-on btn-xs" id="label_mobile_yes">
      
    <input type="radio" name="test" class="test" id="yes" value="yes">YES</label>
      
    <label class="btn btn-default btn-off btn-xs" id="label_mobile_no">
    <input type="radio" name="test" class="test" id="no" value="test2">NO</label>
      
    	</div>
      </div>
    </div>
</div>



<div id="step2">
    <div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Test </label>
    <div class="col-md-6 col-sm-6 col-xs-12">
      
    <div class="btn-group" data-toggle="buttons">
      
    <label class="btn btn-default btn-on btn-xs" id="label_mobile_yes">
      
    <input type="radio" name="test" class="test" id="yes_yes" value="yes">YES</label>
      
    <label class="btn btn-default btn-off btn-xs" id="label_mobile_no">
    <input type="radio" name="test" class="test" id="no_no" value="test2">NO</label>
      
    	</div>
      </div>
    </div>
</div>   

Answer 1

根据我的理解，我已经为此创建了一个 fiddler ，并且编码标准(HTML 命名)很糟糕。

https://jsfiddle.net/t651ujm0/5/

$("input[name='test']").click(function(){
      $("input[name='test1'][value='"+$(this).val()+"']").attr('checked', 'checked');
});