Javascript 选择一个从mysql返回复选框checked/unchecked的对象

我已经在这上面工作了很长一段时间了，它快把我逼疯了。我有一个图像，当选中或单击它时，它会返回有关mysql数据库的相关信息。其中之一是复选框，带有选中或未选中的复选框。我遇到的问题是，我可以用信息回显输入字段，但我不能在单击时将复选框设置为选中或未选中

我认为问题代码行在下面，如果它有助于回答这个问题的话，它的全部在下面。谢谢

问题行：$'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>

或者设置为false

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