具有表单数据的Ajax复选框

时间:2012-12-21 08:50:22

标签: php ajax jquery

我真的很困惑我是如何管理这些东西的。请看附图。看右面板区域。

从头开始,包名来自最后一页;让我们说page1.php。现在假设这个附加的图像是page2.php。我能够从左侧获取所选的复选框值,并且它在右侧发布。看到我已经检查了视频复选框。我已经使用了jquery。

问题1如果我刷新页面值除了包值之外就消失了。我想要从右侧面板中的all复选框值,无论用户选中什么,并将其发布到page3.php以供进一步使用。我不认为jquery会这样做。我使用了ajax发布但无法从下面的代码中获取值。请谨慎帮助他。

图片链接http://s7.postimage.org/3zbf1ucwb/image.jpg

  function refreshPrices() {

       var beg=<?php echo isset($beg) ? $beg : 0 ?>;
       var inte=<?php echo isset($int) ? $int : 0 ?>;
       var advn=<?php echo isset($adv) ? $adv : 0 ?>;
       var currentTotalValue = 0;
        currentTotalValue = currentTotalValue + beg + inte + advn;
        $("#results div").each(function() {
            if (!isNaN(parseInt($(this).find("span").text().substring(1)))) {
                currentTotalValue += parseInt($(this).find("span").text().substring(1));
            }
        });


        $("#totalValue").text("$" + currentTotalValue)

    }

    $(document).ready(function() {

        $('#1').click(function() {
            //var row = $(this);
            if (($(this).attr('checked')) == 'checked') {
                $('#result').append("-PDF Document <html><span style=float:right>$100</span></html>");
            }
            else {
                $('#result').text("");
            }

            refreshPrices()


        });

        $('#2').click(function() {
            if (($(this).attr('checked')) == 'checked') {
                $('#result2').append("-Video <html><span style=float:right>$200</span></html> ");
            }
            else {
                $('#result2').text("");
            }

            refreshPrices()
        });
 });

1 个答案:

答案 0 :(得分:0)

$(this).attr('checked')返回true或false,而不是'checked',所以你需要这样做:

if ( $(this).prop(':checked') ) { --- }

或只是

if ( this.checked ) {
    $('#result').append("-PDF Document <html><span style=float:right>$100</span></html>");
}

此外,您不应仅使用数字作为ID,将其更改为#a1等,并且您确实意识到<html>标记是文档的开头和结尾,并附加将它们添加到DOM内部的元素看起来确实是个好主意。