javascript - php checkbox表单提交后刷新如何保存选中状态

查看:170
本文介绍了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)?>">
        <div id="npay" style="width:100%;height:95px;line-height:50px;font-weight:800;font-size:14px;color:red; text-align:center">
            ¥
            <?php echo $money; ?>
        </div>
        <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不太熟悉。谢谢大家:)

解决方案

  1. 可以提交表单后,在控制器里面获取到值,传递回来

  2. 固定位置存储,eg:在页面加个hidden标签来存放选择的值,cookie

  3. 不刷新页面,使用ajax传值

  4. 页面放个iframe,复制表单到iframe,去提交

这篇关于javascript - php checkbox表单提交后刷新如何保存选中状态的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆