在jquery中自动选择通信电台

Question

我在一个 div 中有动态收音机 就像这里收音机的名称是动态的，并且值也是：

<input type="radio" name="first[1]" value="1" />
<input type="radio" name="first[2]" value="2" />
<input type="radio" name="first[3]" value="3" />


And the second div I have which have these radios : 

<input type="radio" name="second[1]" value="1" />
<input type="radio" name="second[2]" value="2" />
<input type="radio" name="second[3]" value="3" />

我的问题是，如果我选中（是）div first 单选按钮 然后div第二个收音机选择自动。这就像两个 div 收音机 一起检查是和否这两个条件。

我尝试这个来获取第一个 div 的值，但在这里我没有得到值..

<script type="text/javascript">
$(document).ready(function(){
alert('ok');
$('input:radio').on('click',function() { 
var obj=$('input[name="first"]:checked').val();
alert(obj);
});
});
</script>


Can any one please help me related this?

提供一些额外的信息，例如：

Answer 1

// Add your javascript here
$(function() {
  $('input[name^="first"],input[name^="second"]').on('change', function() {

    let i = $(this).index();
    $('input[name^="first"]').each(function(j) {
      $(this).prop('checked', i === j);
    });
    $('input[name^="second"]').each(function(j) {
      $(this).prop('checked', i === j);
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="radio" name="first[1]" value="1" />A
  <input type="radio" name="first[2]" value="2" />B
  <input type="radio" name="first[3]" value="3" />C
</div>


<div>
  <input type="radio" name="second[1]" value="1" />AA
  <input type="radio" name="second[2]" value="2" />BB
  <input type="radio" name="second[3]" value="3" />CC
</div>

Answer 2

<script type="text/javascript">
$(document).ready(function(){
    var first = $('input[name^=first]');
    var second = $('input[name^=second]');
    first.change(function(){
        var index = $(this).index();
        if(this.checked){
            second.eq(index).prop('checked', true);
        }
});
</script>