javascript - 更改数组中的动态复选框以更新 mysql 数据库

Question

您好，我真的很难处理复选框，我有一个表单，可以从 mysql 表中引入小时详细信息，并且我有一个加类复选框，它在添加新小时时起作用，但我希望能够将复选框中的更改保存回数据库例如经理不同意加类。如下所示。

它被读入数组，所以我不明白如何更改右侧名为 chg_hours_show_ovt 的文本框。它将被隐藏，然后在数据库中更新

我已经尝试了以下方法，但我不确定我的做法是否正确，如果有任何帮助，我们将不胜感激。

我从数据库中引入表格，如下所示。我真的不想 .checked ，因为它可能不会并且通常不会，但我不知道还能怎么做，例如.val ?但无论我做什么，它都不会改变。我有点担心我这里的内容会改变每个复选框？

我很抱歉我对所有语言都还很陌生，尤其是 java 和 jquery。谢谢您

    $('#chg_hours_ovt').on('change',function() {
      if($(this).checked) {
        $('#chg_hours_show_ovt').val($('#chg_hours_ovt').val());
      }
});


</script>

.

            while ($list_hours = mysqli_fetch_array($hours_result))
            {
                echo " <table border ='0' table width = 95%>";
                echo '<td> <input type="hidden" name="chg_hrs_id[]" value="'.$list_hours['unique_id'].'">';
                echo '<td> Start Time  <input type="time" name="chg_hrs_str[]" value="'.$list_hours['start_time'].'" >';
                echo '<td> Finish Time <input type="time" name="chg_hrs_fin[]" value="'.$list_hours['finish_time'].'">';
                echo '<td> Date Of Work <input type="date" name="chg_hrs_date[]" value="'.$list_hours['date'].'">';
                echo '<td> Overtime <input type="checkbox" name="chg_hrs_ovt[]" '.($list_hours["overtime"]==1 ? 'checked="checked"' : ''). '>';  
                echo '<td> Overtime <input type="text" name="chg_hrs_show_ovt[]" value=' .($list_hours["overtime"]==1 ? '1' : '0').'>'; 
                echo "</tr>"; 

            }
            echo "</table>";    

Answer 1

试试这个:

    $("input[name='chg_hrs_ovt[]']").on('change', function () {
        var bValue = $(this).is(':checked') ? 1 : 0;
        //get current row
         var row = $(this).closest('tr');
         //find overtime
         row.find("input[name='chg_hrs_show_ovt[]']").val(bValue);       
    });

但是我猜您不需要变量 'chg_hrs_show_ovt[]' ，您可以只发送 'chg_hrs_ovt[]' 并在服务器端捕获它。