从外部 URL 中选择单选按钮 [关闭]

Posted 2023-05-07

【中文标题】从外部 URL 中选择单选按钮 [关闭]

【英文标题】：Select radio button from external URL [closed]

【发布时间】：2018-01-27 08:39:11

【问题描述】：

如何使用外部链接（例如 /page.html#item1 或 /page.html?item1）选择单选按钮，以便在页面加载时已经加载已选中

<input type="radio" name="price" id="item-1">
<input type="radio" name="price" id="item-2">
<input type="radio" name="price" id="item-3">

任何方法都可以，javascript 或 jquery

【问题讨论】：

首先你的input元素需要有一个value属性。其次，如果您花时间研究，这很容易。将其分解为步骤。 How do I get hash from URL?How can I get querystring values from URL?How can I set selected radio?

值对于解释我正在寻找的内容或功能的工作并不重要。 Javascript 不是我所知道的语言。我希望有人能展示一个可行的例子。

“我遇到了特定问题”之间存在差异。和“有人可以为我做吗？”。首先是我们从 S.O. 那里寻找的东西。问题。

本论坛提供“如何做”示例的全面帮助。感谢您的投票和自以为是的态度。其他人得到了功劳。

【参考方案1】：

在窗口加载时检查单选按钮的简单方法。

考虑你的网址是形式 - scheme://example.com/myproject/abc.php?id=2

运行下面的代码 sn-p 后你会遇到一个错误，所以在你的站点上尝试它需要 url 才能工作。

$(window).on('load', function() 
  let prepend = 'item-';
  let elem = 'input[type=radio]';
  let url = window.location.href;
  let keyVal = '1';

  if (url.indexOf('?') !== -1)
    keyVal = url.split('?')[1].split('=')[1];

  let id = prepend + keyVal;

  $(elem).each(function(i) 
    if ($(this).prop('id') === id)
      $(this).prop('checked', true);
  );
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="price" id="item-1">
<input type="radio" name="price" id="item-2">
<input type="radio" name="price" id="item-3">
<input type="radio" name="price" id="item-4">
<input type="radio" name="price" id="item-5">

希望，这对你有用..!! :) :)

【讨论】：

有效！你真棒。谢谢。

如果没有在 url 中输入 id，例如 example.com/myproject/abc.php，我如何才能默认选中第一个单选框我一直在搞乱代码但没有运气

谢谢@mr.data1。请检查上面编辑的代码sn-p。

做到了。再次感谢！你很有帮助:)