所以基本上我有一个任务,要求我有一个子框,在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 = "☐";
else
div.children[i].innerHTML = "☑";
}
}
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++) {