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


How to set cookie value with radio button?

用户单击单选按钮时如何设置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吗。

谢谢。

如果您想设置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);
});

希望它能帮助