Question

我有一个包含四列的HTML表：studentID，first_name，last_name和5个带成绩的复选框。如何在PHP（或者可能使用JQuery？）中确定每个studentID检查了哪个复选框（成绩）？

<tr>
    <td>
        <?php print $stud_row['student_id']; ?>
    </td>
    <td>
        <?php print $stud_row['first_name']; ?>
    </td>
    <td>
        <?php print $stud_row['last_name']; ?>
    </td>
    <td>
        <input type="checkbox" name="id" value="a"> A 
        <input type="checkbox" name="id" value="b"> B 
        <input type="checkbox" name="id" value="c"> C 
        <input type="checkbox" name="id" value="d"> D 
        <input type="checkbox" name="id" value="f"> F
    </td>
</tr>

Answer 1

这是一个关于如何使用jQuery查看选择哪个成绩的完整功能示例：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function() {
    $('.grade').on('change',function(){
        if($(this).is(':checked')){
            $('#grades').append($(this).val());
        }else{
            $('#grades').html($('#grades').html().replace($(this).val(),''));
        }
    });
});
</script>
</head>
<body>
<input class="grade" type="checkbox" name="a" value="a"> A <br>
<input class="grade" type="checkbox" name="b" value="b"> B <br>
<input class="grade" type="checkbox" name="c" value="c"> C <br>
<input class="grade" type="checkbox" name="d" value="d"> D <br>
<input class="grade" type="checkbox" name="f" value="f"> F <br>
<div id="grades"></div>
</body>
</html>

然后，如果你需要在服务器上看到它，只需使用ajax或表单将其传回去。

如何确定选中哪个复选框？

1 个答案: