Page with mutable checkbox - php

Question

I have a page with 12 check boxes one ever hr, the display OK, Trying to on change event to run on each
I can add 24 of them but looking for a better way this is what I have tried and does not work.
<script>
$(document).ready(function(e) {
var i = 0;
while ( i < 23)
{
$('#' + i).change(function(){
if( $('#'+ i).prop('checked') )
{checkboxstatus = "YES";}
else
{checkboxstatus = "NO";}
$.ajax({
type: "POST",
url: "timepost.php",
data: {checkbox: i ,user: <?php echo $iduser; ?>, checkboxstatus: checkboxstatus},
})
//.done(function(data, textStatus, jqXHR){alert(textStatus);})
//.fail(function(jqXHR, textStatus, errorThrown){alert(jqXHR+"--"+textStatus+"--"+errorThrown);});
});//end change
i++;
}
});//end ready
</script>
<?php include 'footer.php'; ?>
</body>
</html>
<?php
function tr($row,$hr)
{
if ($row)
{
$checked = "checked";
}
else
{
$checked = "";
}
print ("<td><input type=\"checkbox\" id=\"" . $hr . "\" name=\"" . $hr . "\" " . $checked . "></td>\r\n");
}
?>

Answer 1

There is no need to do a while loop here, jQuery can find all elements for you. Attached code should work
<script>
$(document).ready(function(e) {
// jQuery will find all elements with class checbox-class
$('.checkbox-class').on('change', function(){
if ($(this).prop('checked')) {
checkboxstatus = "YES";
} else {
checkboxstatus = "NO";
}
$.ajax({
type: "POST",
url: "timepost.php",
data: {checkbox: $(this).attr('id') ,user: <?php echo $iduser; ?>, checkboxstatus: checkboxstatus},
})
//.done(function(data, textStatus, jqXHR){alert(textStatus);})
//.fail(function(jqXHR, textStatus, errorThrown){alert(jqXHR+"--"+textStatus+"--"+errorThrown);});
});//end change
});//end ready
</script>
<?php include 'footer.php'; ?>
</body>
</html>
<?php
function tr($row,$hr)
{
if ($row)
{
$checked = "checked";
}
else
{
$checked = "";
}
print ("<td><input type=\"checkbox\" class=\"checkbox-class\" id=\"" . $hr . "\" name=\"" . $hr . "\" " . $checked . "></td>\r\n");
}
?>