php - 复选框保存 onchange 函数

Question

我正在尝试创建一个脚本来保存选中的复选框。我现在拥有的代码在勾选“读取”时禁用添加和批准，并在勾选“添加/批准”时禁用读取。现在我遇到的问题是，当我将 ajax 提交添加到 jquery 时，它不会保存记录，并且不再禁用复选框(假设我勾选了“读取”)。

这是我到目前为止所得到的。

$(document).ready(function(){
    $('#list-tbl tr').each(function(){

        var $this = $(this);
        var id = $('#input').val();
        $('input[type=checkbox]', $this).change(function(){
            if($('.read', $this).is(':checked')){
                $('input[type=checkbox]', $this).prop('disabled',true);
                $.ajax({
                    type: 'POST',
                    url: <?= site_url('admin/update')?>,
                    dataType: "json",
                    data: { id: id }, 
                    success: function(data) { 
                        alert("Updated");
            }
        });
                $(this).prop('disabled',false);
            } else if($('.add', $this).is(':checked') || $('.approve', $this).is(':checked')) {
                $('.read', $this).prop('disabled', true);
                $(this).prop('disabled', false);
            } else{
                $('input[type=checkbox]', $this).prop('disabled',false);
                $(this).prop('disabled',false);
            }
        });
    });
});

例如:http://jsfiddle.net/bGatX/

我有点沮丧，我只想以正确的方式保存数据并按原样执行禁用......

非常感谢。

Answer 1

看看你的 jsFiddle...你实际上并没有带有 id="input" 的 HTML 元素，尽管你尝试使用以下方式保存 id: var id = $('#input').val();

这是您尝试发送到服务器的 ID，但它实际上并不存在。你到底想做什么？确定某个用户是否已阅读/添加/批准了特定项目？如果是这种情况，您需要发送到服务器的是一个用户 ID 和一个字符串，该字符串表示用户是否读取/添加或批准了某个项目。

就冗余和性能而言:$(this).prop('disabled',false); 在所有条件语句中都很常见，可以拉到前面作为公因子。