javascript - 如果启用复选框，如何定向到不同的 url

Question

根据此论坛的一些建议，当我在文本框中键入内容时，下面的代码对我有用，它将定向到一个网址。

<script src="jquery.min.js"></script>
<script>
function test() {
  if(jQuery('#inputtext').val() == 'google'){
    // alert('Input can not be left blank');

  window.location.href = "https://www.google.com/";
  }
  if(jQuery('#inputtext').val() == 'yahoo'){
    // alert('Input can not be left blank');
  window.location.href = "https://www.yahoo.com/";
  }

 else if(jQuery('#inputtext').val() == ''){
     alert('Input can not be left blank');

   }else if(jQuery('#inputtext').val() != ['google'||'yahoo']){
    alert("INVALID Entry");
  }
}
</script> 

<form id="main" name="main"><input type="text" name="inputtext" id="inputtext" placeholder="type here"/><input type="button" value="submit" onClick="test();"></form>

是否可以添加一个复选框，如果使用文本输入选中复选框，则应定向到另一个网址。

例如:现在如果我输入 google，它会定向到 google.com，如果选中复选框，则为必需，并且如果输入 google，它应定向到 gmail.com

下面的表格

<form id="main" name="main">
<input type="text" name="inputtext" id="inputtext" placeholder="type here"/>
<input type="checkbox" name="inputcheckbox" id="inputcheckbox">Redirect
<input maxlength="10" type="button" value="submit" onClick="test();" ></form>

请多多指教..

Answer 1

对于 jQuery 1.6+ :

您可以使用 $('#inputcheckbox').prop('checked')) 来检查是否选中该复选框。

对于 jQuery < 1.6 :

$('#inputcheckbox').attr('checked'))。

我正在使用 change 事件来检查条件，因此如果您想检查提交点击时的条件，您可以将其中的代码复制到您的提交事件/函数中。下面是我的示例代码。

$(function() {

  $('#inputtext,#inputcheckbox').change(function() {

    if ($('#inputtext').val() == 'google' &&
      $('#inputcheckbox').prop('checked')) {
      alert('redirecting to google...')
      window.location.href = "https://www.google.com/";
    }
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="main" name="main">
  <input type="text" name="inputtext" id="inputtext" placeholder="type here" />
  <input type="checkbox" name="inputcheckbox" id="inputcheckbox">

  <input maxlength="10" type="button" value="submit" onClick="AddPrinter();">
</form>