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.com，如果选中复选框则需要，如果键入谷歌它应该直接指向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

我不确定我是否了解您的问题，但是当用户输入“google”并检查复选框时，您似乎想要将重定向网址更改为www.gmail.com。

您可以通过以下方式实现此目的：

if($('#inputtext').val() == 'google' && $('#inputcheckbox').isChecked) {
  window.location.href = "https://www.gmail.com/";
}

PS：您可以在代码中使用$代替jQuery，它具有相同的效果并使代码更清晰。

Answer 2

添加具有不同ID的复选框

<input type="checkbox" id="isAgeSelected"/>

然后使用脚本

if(document.getElementById('isAgeSelected').checked) {
    window.location.href = // Some URL
}

另一种方式是

$('#isAgeSelected').click(function() {
    window.location.href = // Some URL
});

Answer 3

<script>
function test() {
  if(jQuery('#inputtext').val() == 'google' && jQuery('#inputcheckbox').isChecked){
    // alert('Input can not be left blank');

  window.location.href = "https://www.google.com/";
  }
  if(jQuery('#inputtext').val() == 'yahoo' && jQuery('#inputcheckbox').isChecked){
    // 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>

我希望我的回答会对你有帮助。

Answer 4

对于jQuery 1.6+：
您可以使用$('#inputcheckbox').prop('checked'))检查复选框是否已选中。

for jQuery＆lt; 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>

如果启用复选框，如何指向不同的URL

4 个答案: