【问题标题】:Radio Buttons Switch Checked php单选按钮开关检查 php
【发布时间】:2012-09-18 12:41:48
【问题描述】:

我的网站就像一个具有 2 种搜索类型的搜索引擎。类型 1 类型 2。 我只是不知道当有人来到我的网站时该怎么做,默认检查类型为 Type 1,如果它选择 Type2,那么即使页面被刷新,访问者仍然为 Type2。 我需要的正是来自这里的样本。

js

$(function() {
        $( "#radio" ).buttonset();
    });​

html

<form>
    <div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
    </div>
</form>

我希望能够将 checked="checked" 从收音机切换到另一个或类似的东西。真的不知道。但我认为它必须与 php 或 javascript 相关。

【问题讨论】:

    标签: javascript jquery html radio checked


    【解决方案1】:

    您需要在某处缓存/存储设置选项(cookie、数据库、memcache(d)、redis 等)并使用用户 ID 加载。这也必须在 Javascript 中处理,因为它涉及客户端。

    Cookie 参考https://developer.mozilla.org/en-US/docs/DOM/document.cookie

    对于memcache(d)、redis、SQL、文件存储:

    AJAX 参考https://developer.mozilla.org/en-US/docs/AJAX

    【讨论】:

    • 所以我想我将不得不打开另一篇关​​于如何设置此 cookie 的帖子,因为我从未使用过它们
    【解决方案2】:

    你可以在单选按钮的onClick事件中定义函数:

    $(document).ready(function() {
      $('radio[name=radio]').each(function() {
       $(this).click(function() {
        my_function();
        });
       });
    });
    

    【讨论】:

      【解决方案3】:

      并且 my_function 将发送一个 ajax 请求来打开会话以保持选中单选的值:

      my_function()
      {
         var value_checked = $("input[name='radio']:checked").val();
         $.ajax({
         type: 'POST',
         url: 'page.php',
         data: {'value_checked':value_checked},
         });
      }
      

      您进入 page.php $_POST['value_checked '] 并将其设置在会话变量中

      【讨论】:

        【解决方案4】:

        您必须将该信息存储在 cookie 或会话中,因为 web 是无状态的,如果回发,它不会记住页面的状态,除非它被缓存在某个地方..

        尝试使用jQuery cookie plugin

        【讨论】:

          猜你喜欢
          • 2017-05-01
          • 2019-05-29
          • 2012-09-27
          • 2019-01-15
          • 2016-01-03
          • 2016-08-17
          • 2013-10-28
          • 2012-12-07
          • 2018-08-22
          相关资源
          最近更新 更多