javascript - 发送通过 AJAX 更改的元素的值

Question

我想在值更改时捕获复选框的值，然后通过 Ajax 发送它。

我的 HTML 页面中显示了数百个复选框，因此我无法在一个值更改时简单地发送所有值。我只想发送刚刚更改的复选框的值。

这是我的 HTML 代码:

<INPUT type="checkbox" name="cb_redir301" value="post_id_445">
<INPUT type="checkbox" name="cb_redir301" value="post_id_573">
<INPUT type="checkbox" name="cb_redir301" value="post_id_264">
<INPUT type="checkbox" name="cb_redir301" value="post_id_387">
<INPUT type="checkbox" name="cb_redir301" value="post_id_190">
(...)
<INPUT type="checkbox" name="cb_redir301" value="post_id_268">

我尝试使用以下 Javascript 来捕获并发送值，但它不起作用，可能是因为复选框的名称('cb_redir_301')不是唯一的。

$('#redir_selector').change(function(evt) {
    $.post(ajaxurl, {
        action: 'save_backend_assocs', 
        nonce:  $('#ajax_admin_redir_selector_nonce').text(),
        cb_redir301: $(this).is(':checked')
    }, function(response) {
                    });

            });

});

那么，我怎样才能告诉 JS 只发送已更改的复选框的值呢？

Answer 1

更快:

var checkboxes = document.querySelectorAll("input[type='checkbox']");
for(var i = 0 ; i < checkboxes.length ; i++) {
    checkboxes[i].addEventListener("change", updateData);
}