Question

我在一个div中有动态广播LIke这里广播的名称是动态的，值也是：

<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第一个单选按钮然后div第二个收音机被选中auto。这就像div广播一样在检查上一起工作是和不是两个条件。

我试着这个获得第一个div的val但是在这里我没有得到这个值..

<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

<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>

Answer 2

＆＃13;

// 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);
    });
  });
});

＆＃13;

<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>

＆＃13;

在jquery中自动选择对应辐射

2 个答案: