如何使用单选按钮设置cookie值?

时间:2012-09-09 09:00:11

标签: php javascript

如何在用户点击单选按钮时设置cookie值?

set.php

   <p><strong>Please select your shipping time (optional)</strong></p>

   <div id="first">
     <input type="radio" value="9am-11am" name="shipping_time"  />9am-11am<br />
   </div>

   <div id="second">
     <input type="radio" value="11am-1pm" name="shipping_time"/>11am-1pm<br />
   </div>

   <div id="third">
    <input type="radio" value="1pm-3pm" name="shipping_time"/>1pm-3pm<br />
   </div>

   <div id="four">
    <input type="radio" value="3pm-5pm" name="shipping_time"/>3pm-5pm<br />
   </div>

view.php

<p><strong>Shipping time</strong> : <?php echo $_SESSION['time_shiping']; ?></p>

在我发布之前,我也试过下面的代码,但这不能解决我的问题。

<script>
        $('#first input[type=radio]').click(function() { 
        <?php
            $_SESSION['time_shiping'] = '9am-11am';
        ?>
        });
        $('#second input[type=radio]').click(function() { 
        <?php
            $_SESSION['time_shiping'] = '11am-1pm';
        ?>
        });

        $('#third input[type=radio]').click(function() { 
        <?php
            $_SESSION['time_shiping'] = '1pm-3pm';
        ?>
        });

        $('#four input[type=radio]').click(function() { 
        <?php
            $_SESSION['time_shiping'] = '3pm-5pm';
        ?>
        });
    </script>

有人可以告诉我如何使用javascript或php设置带onlick功能的cookie。

感谢。

1 个答案:

答案 0 :(得分:0)

如果要设置cookie,可以使用以下功能

function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = encodeURI(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString() + "; path=/");
    document.cookie = c_name + "=" + c_value;
}

setCookie('your_key', 'your_value', 'expire_time');

您可以使用以下代码

在php端读取此值
$_COOKIE['key_on_js_side']

根据您的代码,您可以参考以下示例;

$('#first input[type=radio]').click(function() { 
     setCookie('time_shipping', '9-11', 3600);
});

希望有所帮助