Question

我有一个复选框，单击该复选框时，应选择表中的所有单选按钮。这是我写的代码；

<script>
      $(":checkbox").click(function (e) {
        var radioClass = $(":radio").each(function(){
            if( $(this).hasClass($(':checkbox').attr('class')))
            {
                $(':radio').not(this).prop('checked', this.checked);
            }
        });
    });  
</script>

我已为复选框分配了数组键的类名。我还为单选按钮分配了与类名称相同的数组键。单击复选框后，

我希望代码搜索所有单选按钮并获取其类名。如果班级名称与复选框的名称相同，则应选中单选按钮。

上面的代码似乎不起作用。

这是我的复选框：

<input type="checkbox" class="checkAll" id="{{ $customer->customer_id }}">

这是我的单选按钮

<input type="radio" class="radio" id="{{ $customer->customer_id }}">

Answer 1

这是我解决问题的方法：

<script>
   $(".checkAll").click(function(e) 
   {
      var checkId = $(this).attr('id');
      if($(this).is(':checked'))
      {
         checkRadios(checkId);
      }
      else 
      {
         unCheckRadio(checkId);
      }
   });            
   function checkRadios(checkId) 
   {
      $(".radio").each(function(e)
      {
         var radId = $(this).attr('id');
         if($(this).attr('id') == checkId)
         {
            $(this).prop("checked", true);
         }            
      });
   }
   function unCheckRadio(checkId) 
   {
      $(".radio").each(function(e)
      {
         var radId = $(this).attr('id');
         if($(this).attr('id') == checkId)
         {
            $(this).prop("checked", false);
         }            
      });
   }
</script>

jQuery选择表中所有ID相同的单选按钮

1 个答案: