Question

下午好，

我正在尝试使用脚本勾选我的html页面中的复选框。

不幸的是，我收到以下错误消息：

SCRIPT5007：无法设置属性＆＃39;已检查＆＃39;未定义或空引用文件：ajax3，行：37，列：5

你知道我的代码出了什么问题吗？

非常感谢，并有一个愉快的星期天。

劳伦

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo for Ajax Auto Refresh</title>
<link rel="stylesheet" type="text/css" href="css/mystyle_day.css" />
<script src="jquery-2.1.3.min.js"></script>
<script>
    /* AJAX request to checker */
    function check(){
        $.ajax({
            type: 'POST',
            url: 'checker.php',
            dataType: 'json',
            data: {
                counter:$('#message-list').data('counter')
            }
        }).done(function( response ) {
            /* update counter */
            $('#message-list').data('counter',response.current);
            /* check if with response we got a new update */
            if(response.update==true){
                $('#message-list').html(response.news);
                sayHello();
            }
        });
    }
    //Every 1 sec check if there is new update
    setInterval(check,1000);
</script>
<script>
function sayHello(){
    //console.log("Coucou");
    check();
}
function check() {
document.getElementById("chk1").checked = true;
}

function uncheck() {
document.getElementById("chk1").checked = false;
}
</script>
</head>
<body>  
<div id="message-list" data-counter="<?php echo (int)$db->check_changes();?>">

</div>
<input type="checkbox" name="chk1" id="chk1"> Living room<br>
<input type="checkbox" name="chk2" id="chk2"> Entrance<br>
<input type="checkbox" name="chk3" id="chk3"> Kitchen<br>
</body>
</html>

Answer 1

正如nmnsud和gcampbell所建议的，我已经用id =“chk1”替换了value =“chk1”。正确的代码位如下：

<input type="checkbox" name="chk1" id="chk1"> Living room<br>
<input type="checkbox" name="chk2" id="chk2"> Entrance<br>
<input type="checkbox" name="chk3" id="chk3"> Kitchen<br>

非常感谢您的贡献。最好的祝愿，劳伦

选中html页面中的复选框

1 个答案: