在javascript中验证php循环

Question

我试图用javascript为php中的foreach做一个简单的验证，但我不知道如何从视图中解析每一行

<table>
<?php $i=1; ?>
 <?php foreach($questions $row): 
 ?>
<tr><td colspan="2"><?php echo $i++; ?><?php echo  $row->question;?></td></tr>
<tr><td colspan="2"><?php echo  $row->category;?></td></tr>
    <tr><td colspan="2"><?php echo  $row->id;?></td></tr>
<tr>
<td><input type="checkbox" id="r" value="<?php echo  $row->var_1;?>"></td>
<td class="answer"><?php echo  $row->var_a;?></td>
</tr><tr>
<td><input type="checkbox" id="r" value="<?php echo  $row->var_2;?>"></td>
<td class="answer"><?php echo  $row->var_b;?></td>
</tr><tr>
<td><input type="checkbox" id="r" value="<?php echo  $row->var_3;?>"></td>
<td class="answer"><?php echo  $row->var_c;?></td?
</tr> 
<?php endforeach; ?>
</table>
<button type="button" id="submit">Send</button>

在javascript中，我尝试检查每个问题的每个答案。

<script>
    $("#submit").on("click", function(){     
     var x=0;
        if(document.getElementById("r").checked == true document.getElementById("r").value == 1){
            x=x+1;
        }
}); 
</script>

每个答案都有值1或0，并且可以是多项选择。

Answer 1

1. if必须是唯一的-如果您已使用jQuery

，请使用类或名称而不是jQuery

$("#submit").on("click", function(e){     
 var x=$(".r:checked").length; // using class="r"
 if (x < $(".r").length) {
   alert("Please check all checkboxes");
   e.preventDefault();
 }
}); 

或者使用name="r“

$("#submit").on("click", function(e){     
 var x=$('input[name="r"]:checked').length; 
 if (x < $('input[name="r"]').length) {
   alert("Please check all checkboxes");
   e.preventDefault();
 }
});