检查分页中的无线电

时间:2016-10-27 23:31:45

标签: javascript jquery html pagination

我有一些动态生成的单选按钮,并且已经分页。检查是否所有内容都已选中,但这仅适用于第一页分页,但无法用于下一页。

当我禁用分页时,这是有效的,所以它只检查分页的第一页中的单选按钮,但不是所有复选框如何检查所有复选框,无论它们在分页中的哪个页面

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

$("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,但无法正常工作。

1 个答案:

答案 0 :(得分:0)

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

例如:

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