从外部URL中选择单选按钮

Question

如何使用外部链接选择单选按钮，例如 /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

Answer 1

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

考虑您的网址形式 - 的方案：//example.com/myproject/abc.php ID = 2

在下面的代码段中运行后，您会遇到错误，因此请在您的网站上尝试它，以便它能够正常工作。

$(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">

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