选择一个从 mysql 返回选中/未选中复选框的对象

我已经为此苦苦挣扎了一段时间，这让我发疯了。我有一个图像，当选择或单击时，它会从 mysql db 返回相关信息。其中一个是选中或未选中的复选框。我遇到的问题是我可以回显带有信息的输入字段，但我无法在单击时将复选框设置为选中或取消选中。

我认为代码的问题行在下面，

如果它有助于回答这个问题，那么它的全部代码在下面。谢谢。

问题行： $（'#element_lock'）.

val（$（this）.attr（'element_lock'）， { id： id }）;

<script>
$(document).ready(function(){
    $(".click").click(function(){
    id = $(this).attr("id");
        $('#id').val($(this).attr('id'), { id: id });
        $('#element_lock').val($(this).attr('element_lock'), { id: id });
    })
});
</script>
<div class="tooltip columns">
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" id="element_lock" class="onoffswitch-checkbox matchedit field" change="postinput()"/>
<label class="onoffswitch-label" for="myonoffswitch">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
</div>
<?php
$sql = mysqli_query($link, "SELECT * FROM elements WHERE appear = 'Yes'") or die(mysql_error());
    while($row = mysqli_fetch_array($sql)) {
        $id = $row['element_id'];
        $element_lock = $row['element_lock'];
        $image_name = $row['image_name'];
?>
<div id="display"></div>
<img
class="click"
id="<?php echo $id ?>"
element_lock="<?php echo $element_lock ?>"
src="../article_images/<?php echo $image_name ?>"
id="<?php echo $id ?>">
<?php } ?>
<script type="text/JavaScript">
$(document).ready(function(){
    $(".matchedit").change(function() {
        var id = $("input#id").val();
        var element_lock = $("input#element_lock").val();
        $.post('change.php', {
        element_lock:element_lock,
        id:id
        });
    });
});
</script>

$('#element_lock').prop('checked', true);