将输入值传递给window.open方法

Question

我希望在表单中将选中的输入单选按钮值传递给window.open方法.Bellow是我尝试使用的,但无论选择什么,总是复制第二个输入的值.这有什么不对？

onsubmit="window.open(document.getElementByName('option').value);"

和

<input type="radio" name="option" value="http://example1.com" checked> daily
<input type="radio" name="option" value="http://example2.com"> weekly

Answer 1

如果你真的想使用onsubmit =,可以使用querySelector和:checked伪类完成.(注意:在IE8或更早版本中不起作用,但在现代浏览器中不能用于IE9.)

onsubmit="window.open(document.body.querySelector('input[name=option]:checked').value)"

实例:

<form onsubmit="alert('Would have opened: ' + document.body.querySelector('input[name=option]:checked').value); return false;">
  <input type="radio" name="option" value="http://example1.com" checked>daily
  <input type="radio" name="option" value="http://example2.com">weekly
  <input type="submit" value="Send">
</form>