复选框(Ajax和JavaScript)



所以基本上我有一个任务,要求我有一个子框,在ajax和javascript的帮助下,复选框需要在单击时更改其状态,这需要被转储到创建.txt文件的php程序中。当它未单击时,状态应为0,而当它单击时,该状态应为1。

到目前为止,我有这个:

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<style>
body          { margin-top  : 100px;     }
.centered     { text-align  : center;
font-size   : 70px;      }
#chkbox > span { padding     : 12px 20px;
cursor      : pointer    }
</style>
<meta charset="utf-8">
<script>
function ajax (url, receive) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
receive(this.responseText);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
var chkbox = 1;
function highlight(n) {
var div = document.getElementById("chkbox");
for (var i = 0; < 1; i++) {
if (i < n)
div.children[i].innerHTML = "&#9744;";
else
div.children[i].innerHTML = "&#9745;";
}
}
function update(n) {
chkbox = n;
highlight(n);
}
function save(n) {
ajax('chkbox.php?=count=' + n, update);
}
</script>
</head>
<body>
<div class="centered">
<span id="chkbox" onmouseout="highlight(chkbox)">
<span onmouseover="highlight(1)" onclick="save(1)"></span>
</span>
</div>
</body>
<script>
highlight(stars);
ajax ('chkbox.php', update);
</script>
</html>

复选框不会出现在浏览器窗口中。我还试图添加一个函数;亮点";鼠标悬停时的复选框。任何帮助请:(

我看到这行有一个拼写错误:

for (var i = 0; < 1; i++) {

我想,你想写:

for (var i = 0; i < 1; i++) { 

最新更新