javascript - 根据javascript中选定的单选按钮打开弹出框

我有两个相同组的单选按钮。

如果我点击搜索，我想打开弹出框。

健康）状况：

选择第一个单选按钮时，会出现一个新的弹出框。

选择第二个单选按钮时，将出现一个新弹出框，该框与第一个弹出框不同。我已经创建了代码，但是无法正常工作。

function mysearch() {


  var par = new Array();
  var form = $('mytestForm');
  var y = form.getInputs('radio', 'radioId');
  if ($('radioId1234').checked == true || $('radioId5678').checked == true) {

    wmGlobalObj.remErrAdvice();
    par[0] = $F(y.find(function(re) {
      return re.checked;
    }));
    if (paras[0] == '1234')


      window.open('https://www.google.co.in/', 'FirstSearch', 'width=460,height=250', 'testsrch');
    else if (par[0] == "5678")
      window.open('http://www.bing.com/', 'SecondSearch', 'width=460,height=50', 'testsrch');
    }
  } else {
    alert("error")
  }

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/prototype/1.7.2/prototype.min.js"></script>
<form method="POST" id="mytestForm" name="mytestForm">
  <label for="radioId"></label>
  <input type="radio" name="radioId">
  <label class="styled" for="radioId1234">Search when First radio button is selected</label>
  <input type="radio" class="styled" name="radioId">
  <label class="styled" for="radioId567">Search when second radio button is selected</label>
  <br/>
  <br/>
  <br/>
  <a title="Lookup" id="testmine" href="mysearch()">search</a>
</form>

最佳答案

您可能仅通过使用CSS选择器就可以做到这一点。

例如

var checked_inputs = $$('form#mytestForm input[type="radio"]:checked');

if(checked_inputs.length > 0)
{
       if(checked_inputs[0].value == "1234")
       {
           window.open('https://www.google.co.in/', 'FirstSearch', 'width=460,height=250', 'testsrch');
           //this exits the foreach loop
       }
       else if(checked_inputs[0].value == "5678")
       {
           window.open('http://www.bing.com/', 'SecondSearch', 'width=460,height=50', 'testsrch');
       }
}
else
{
    alert('error');
}