Javascript 如果启用复选框，如何指向其他url

从这个论坛得到一些建议，当我在文本框中输入代码时，下面的代码对我有效，它将指向一个url

<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>

功能测试（）{
if（jQuery（'#inputtext'）.val（）=='google'）{
//警报（“输入不能为空”）；
window.location.href=”https://www.google.com/";
}
if（jQuery（'#inputtext'）.val（）=='yahoo'）{
//警报（“输入不能为空”）；
window.location.href=”https://www.yahoo.com/";
}
else if（jQuery（'#inputtext'）.val（）=''）{
警报（“输入不能为空”）；
}else if（jQuery（'#inputtext'）.val（）！=['google'| |'yahoo']））{
警报（“无效输入”）；
}
}

是否可以添加一个复选框，如果复选框被文本输入选中，它应该指向另一个url

例如：现在，如果我键入google it directing google.com，如果选中复选框，则为必选项；如果键入google it directing to 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>

重新使用

---

请告知..

添加具有不同ID的复选框

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

另一种方法是

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

---

添加具有不同ID的复选框

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

另一种方法是

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

功能测试（）{
if（jQuery（'#inputtext'）.val（）='google'&&jQuery（'#inputcheckbox'）.isChecked）{
//警报（“输入不能为空”）；
window.location.href=”https://www.google.com/";
}
if（jQuery（'#inputtext'）.val（）='yahoo'&&jQuery（'#inputcheckbox'）.isChecked）{
//警报（“输入不能为空”）；
window.location.href=”https://www.yahoo.com/";
}
else if（jQuery（'#inputtext'）.val（）=''）{
警报（“输入不能为空”）；
}else if（jQuery（'#inputtext'）.val（）！=['google'| |'yahoo']））{
警报（“无效输入”）；
}
}

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

功能测试（）{
if（jQuery（'#inputtext'）.val（）='google'&&jQuery（'#inputcheckbox'）.isChecked）{
//警报（“输入不能为空”）；
window.location.href=”https://www.google.com/";
}
if（jQuery（'#inputtext'）.val（）='yahoo'&&jQuery（'#inputcheckbox'）.isChecked）{
//警报（“输入不能为空”）；
window.location.href=”https://www.yahoo.com/";
}
else if（jQuery（'#inputtext'）.val（）=''）{
警报（“输入不能为空”）；
}else if（jQuery（'#inputtext'）.val（）！=['google'| |'yahoo']））{
警报（“无效输入”）；
}
}

---

我希望我的回答能对您有所帮助。

我不确定我是否理解您的问题，但当用户键入“google”并选中复选框时，您似乎想将重定向URL更改为www.gmail.com

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

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

---

PS：您可以在代码中使用

$

而不是

jQuery

，它具有相同的效果并保持代码更干净。

我不确定是否理解您的问题，但当用户键入“google”并选中复选框时，您似乎想将重定向URL更改为www.gmail.com

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

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

---

PS：您可以在代码中使用

$

而不是

jQuery

，它具有相同的效果并保持代码更干净。

对于jQuery 1.6+：

您可以使用

$（“#inputcheckbox”）.prop（'checked'）

检查复选框是否选中。

对于jQuery<1.6:

$（'inputcheckbox'）.attr（'checked'））

我正在使用

change

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

$（函数（）{
$（'#inputtext，#inputcheckbox'）。更改（函数（）{
if（$（'#inputtext'）.val（）=='google'&&
$（'#inputcheckbox'）.prop（'checked'））{
警报（'重定向到谷歌…'）
window.location.href=”https://www.google.com/";
}
});
});
对于jQuery 1.6+：

您可以使用
$（'inputcheckbox'）.prop（'checked'））
检查复选框是否选中。

对于jQuery<1.6:


$（'inputcheckbox'）.attr（'checked'））

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


$（函数（）{
$（'#inputtext，#inputcheckbox'）。更改（函数（）{
if（$（'#inputtext'）.val（）=='google'&&
$（'#inputcheckbox'）.prop（'checked'））{
警报（'重定向到谷歌…'）
window.location.href=”https://www.google.com/";
}
});
});