使用 jquery [扩展] 同时检查不同的单选按钮

Question

我在link 有一个类似于这个已解决问题的问题！
此链接中有许多很好的答案，甚至将 OP 的问题扩展到多个广播组。

（我的格式与链接中的相同，但是）我的问题是我没有两个以上的无线电组，而是我的无线电组中使用 FOREACH 循环的多个元素。
我的 PHP 下面是脚本。

<?php
$query = mysqli_query($con, "SELECT example
FROM example_DB ");
while ($row = mysqli_fetch_assoc($query)){
    foreach($row as &$value) {
         if ($value == NULL) {
            echo "";
            }
        else {

?>
<form method="post">
<input data-group="A" class="A" type="radio" value="<?php echo"$value<br />\n";?>">
<?phpecho"$value<br />\n";}}}?>
</input>

</div> 
<div>    
<?php
$query = mysqli_query($con, "SELECT example
FROM example_DB");
while ($row = mysqli_fetch_assoc($query)){
    foreach($row as &$value) {
         if ($value == 0.00) {
            echo "";
            }
        else {
            ?>

<input data-group="A" class="A" ID="A" type="radio" value="<?php echo"$value<br />\n";?>">

<?php
 echo"$value<br />\n";
}}}
?>
</input>  
</div>  

  </form>

我正在使用链接中的答案之一附带的脚本：

<script>

$( document ).ready(function() {
$(function() {
var radios = $('[type=radio]');
$('input:radio').change(function(){
    var index = $( this ).index( $('[name=' + this.name + ']') );
    var groups = [];
    radios.not( $('[name=' + this.name + ']') )
    .each(function(v,i) {
        $.inArray(this.name, groups) > -1 || groups.push( this.name );
    });
    $.each(groups, function(i,v) {
        $('[name=' + v + ']').eq( index ).prop( 'checked', true );
    });
});
});
});

</script>

Answer 1

试试这个：您可以阅读所选单选按钮的name 并找到所有具有相同名称的单选按钮来选择它们。

注意 - $(document).ready(.. 和 $(function(){.. 都是相同的，因此您可以使用其中任何一个，但不能同时使用。

$(function() {
  $('input:radio').change(function(){
      var name = $(this).prop('name');
      $('input:radio[name="'+name+'"]').prop('checked',this.checked);
  });
});

EDIT- 由于 OP 想要选择所有具有相同类名或值的单选按钮，请使用以下代码 -

对于相同的类 -

$(function() {
  $('input:radio').change(function(){
      var className = $(this).prop('class');
      $('input:radio[class="'+className +'"]').prop('checked',this.checked);
  });
});

对于相同的价值 -

$(function() {
  $('input:radio').change(function(){
      var radioVal = $(this).val();
      $('input:radio[value="'+ radioVal +'"]').prop('checked',this.checked);
  });
});