在javascript中选择单选按钮的基础上打开弹出框

Opening popup box on the basis of selected radio button in javascript

本文关键字：基础上 javascript 选择 单选按钮      更新时间：2023-09-26

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

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

条件：

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

当选择第二个单选按钮时，会出现与第一个弹出框不同的新弹出框。我已经创建了代码，但它不起作用。

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');
}
相关文章：