搜索

首页  >  问答  >  正文

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不太熟悉。谢谢大家:)

曾经蜡笔没有小新曾经蜡笔没有小新2825 天前418

全部回复(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
  • 取消回复