在分页中检查收音机

Question

我有一些动态生成的单选按钮，并且已经分页。我正在检查是否已检查所有内容，但这仅适用于分页的第一页，但不适用于下一页。

当我禁用分页时，它只检查分页第一页中的单选按钮，而不是所有复选框我如何实现检查所有复选框，无论它们在哪个页面中

这是我的代码，适用于分页的第一页

$("input:radio").change(function() {
   var all_answered = true;
   $("input:radio").each(function(){
      var name = $(this).attr("name");

      if($("input:radio[name="+name+"]:checked").length == 0)
      {
        all_answered = false;
      }
    });

  if(all_answered==true ){

      alert("all checked");


  }else {
      alert("not all checked");

  }

});

这是我生成收音机的 php 代码：

<?php
 $n=1;
 foreach ($checks as $m => $check) {
  $radioyes ="";
  $radiono ="";
  $item ="";
  $radioyes .= '<input type="radio" name="'. $m.'" class="selected one"  value="'.$m.'" >';
   $radiono  .= '<input type="radio" name="'. $m .'" class="not_selected one"  value="'.$m.'">';

echo "<tr  id='" . $m . "'>";
echo "<td>" . $n . "</td>";
echo "<td>" . $item . "</td>";
echo "<td>".$radioyes."</td>";
echo "<td>".$radiono."</td>";
echo "<td>".$textinbox."</td>";
echo "</tr>";

$n++;
 }
 ?>

我检查了This link，但没有用。

Answer 1

您必须使用 '.on('change'...) 来动态生成输入

例如：

$(document).on('change', 'input:radio', function() {
  // Does some stuff 
});