搜尋

首頁  >  問答  >  主體

javascript - php checkbox表單提交後刷新如何保存選取狀態

<!doctype html>

<?php
//首先在这里写好相关的调用代码


$coin = 1280;
$money = 1121;
$coinsale = $coin / 100;
if ( $_POST[ "coin" ] != 0 ) {
    $money -= $coinsale;

}

?>
<html>

<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
</head>



<body>

    <form id="form1" name="form1" action="test.php" method="post">
        <input id="coin" name="coin" type="checkbox" value="<?php echo($coinsale)?>" onclick="checkboxOnclick(this)">土特币

        <input id="sale" type="hidden" value="<?php echo($money)?>">
        <input id="asd" type="hidden" value="<?php echo($coinsale)?>">
        <p id="npay" style="width:100%;height:95px;line-height:50px;font-weight:800;font-size:14px;color:red; text-align:center">
            ¥
            <?php echo $money; ?>
        </p>
        <input type="hidden" id="goodsmoney" name="goodsmoney" value="<?php echo $money; ?>"/>
    </form>

</body>
<script>
    

            function checkboxOnclick( checkbox ) {

                var goods = document.getElementById( "npay" );
                var m = document.getElementById( "sale" ).value;
                var c = document.getElementById( "asd" ).value;
                var f = document.getElementById( "form1" );
                if ( checkbox.checked == true ) {

                    m -= c;
                    goods.innerHTML = "¥" + m;
                    f.submit();
                } else {
                    goods.innerHTML = "¥" + m;
                    
                }
            }
    <!--$.("input[type='checkbox']:checked")-->
        
    
</script>

</html>

希望能給個小例子 , 具體實作不太會,php不太熟悉。謝謝大家:)

曾经蜡笔没有小新曾经蜡笔没有小新2865 天前443

全部回覆(2)我來回復

  • PHP中文网

    PHP中文网2017-05-16 13:08:30

    1. 可以提交表單後,在控制器裡面取得到值,傳回

    2. 固定位置存儲,eg:在頁面加上hidden標籤來存放選擇的值,cookie

    3. 不刷新頁面,使用ajax傳值

    4. 頁放個iframe,複製表單到iframe,去提交

    回覆
    0
  • 天蓬老师

    天蓬老师2017-05-16 13:08:30

    $.("input[type='checkbox']:checked") 拿到值後,可以放到cookie裡,每次刷新頁面的時候先取得cookie裡的值,再使用.each來循環將效果顯示出來

    回覆
    0
  • 取消回覆