Question

我创建了一个包含不同页面的html / css网站，它是一个菜单，我想添加复选框，这些复选框总计了他们想要订购的内容。由于菜单的所有其他方面是分开的，我希望这是独立的，所以我创建了另一个页面，并为每个复选框分配值，并且当它在同一页面上时，总体工作坚果不在不同时，是否有任何方法克服了这个？

这是代码：

<script type="text/javascript">
    function checkTotal() {
        document.listForm.total.value = '';
        var sum = 0;
        for (i=0;i<document.listForm.choice.length;i++) {
          if (document.listForm.choice[i].checked) {
            sum = sum + parseInt(document.listForm.choice[i].value);
          }
        }
        document.listForm.total.value = sum;
    }
</script>

<input type="checkbox" name="choice" value="8.99" onchange="checkTotal()"/>&pound;8.99<br/>

在另一页上

 <p>The Total Of The Order is: <input type="text" size="2" name="total" value="0"/>

请帮忙，如果不是很明显我是初学者

Answer 1

我会使用cookie。来自How do I set/unset cookie with jQuery?的以下代码。

function createCookie(name, value, days) {
var expires;

if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    expires = "; expires=" + date.toGMTString();
} else {
    expires = "";
}
    document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";
}

function readCookie(name) {
    var nameEQ = escape(name) + "=";
    var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) === ' ') c = c.substring(1, c.length);
    if (c.indexOf(nameEQ) === 0) return unescape(c.substring(nameEQ.length, c.length));
}
return null;
}

function eraseCookie(name) {
    createCookie(name, "", -1);
}

然后在您的代码中，类似于以下

    function checkTotal() {
        erase("checkBoxes");
        var sum = 0;
        for (i=0;i<parseInt(readCookie("checkBoxes"));i++) {
           if (document.listForm.choice[i].checked) {
           sum = sum + parseInt(document.listForm.choice[i].value);
        }
    }
    createCookie("checkBoxes",sum,5);
}

是否可以在多个网页之间链接值？

1 个答案: