Javascript jQuery on click if/else不工作_Javascript_Jquery_Conditional Statements

Javascript jQuery on click if/else不工作

javascript jquery

Javascript jQuery on click if/else不工作,javascript,jquery,conditional-statements,Javascript,Jquery,Conditional Statements,我试图创造一个进入下一阶段的条件在点击“下一步”按钮之前，用户需要选择“放弃”或“继续” 如果选择一个或另一个，点击下一步按钮进入下一页。如果没有，警报会显示“您是否已选中放弃或继续？” 这就是我在查看其他代码时所做的，但它对我不起作用。jQuery中的任何一个都不起作用，甚至alert=S都不起作用。有人能帮我吗 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>

我试图创造一个进入下一阶段的条件

在点击“下一步”按钮之前，用户需要选择“放弃”或“继续”

如果选择一个或另一个，点击下一步按钮进入下一页。如果没有，警报会显示“您是否已选中放弃或继续？”

这就是我在查看其他代码时所做的，但它对我不起作用。jQuery中的任何一个都不起作用，甚至alert=S都不起作用。有人能帮我吗

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Page</title>
<link href="remote_style.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$('#next').on('click', function() {
    if ($('#abandon' || '#complete').attr('checked') === "checked") {
        window.open('remote-user-testing5.html');
    } else {
        alert("Have you checked Abandon or Complete?");
    }
    return false;
});
</script>
</head>

<body>

<div>
    <h1>Instruction window</h1>
        <div class="text">
            <p>Now you will be asked to carry out 3 tasks and provide feedback on your experience.</p>
            <p>To complete each task, you will need to navigate through a website.</p>
            <p>Task complete: When you feel you have completed a task tick 'Complete' and click 'Next' in this Instruction Window.</p>
            <p>Abandon task: If you are finding it difficult to complete a task, tick 'Abandon' and click 'Next' this Instruction Window.</p>
            <p>Please remember we are not testing you, we are evaluating and testing the website.</p>
            <p>When you are ready click 'Next' to find out your task scenario.</p>
            <input type="radio" name="radio" value="abandon" id="abandon">Abandon<br>
            <input type="radio" name="radio" value="complete" id="complete">Complete<br>
            <button id="next">Next</button>
        </div>
</div>

</body>
</html>


页
$（'#next'）。在（'单击'，函数（）上）{
if（$（“#放弃”| |“#完成”）.attr（'checked'）=“checked”）{
window.open（'remote-user-testing5.html'）；
}否则{
警报（“您是否已检查放弃或完成？”）；
}
返回false；
});
指令窗口
现在，您将被要求执行3项任务，并就您的经验提供反馈
要完成每个任务，您需要浏览网站
任务完成：当您感觉已完成任务时，勾选“完成”，然后在此说明窗口中单击“下一步”
放弃任务：如果您发现很难完成任务，请勾选“放弃”并单击本说明窗口中的“下一步”
请记住，我们不是在测试你，我们是在评估和测试网站
准备就绪后，单击“下一步”了解任务场景
放弃

完成

下一个

而不是

如果（$（“|放弃”| |“|完成”）.attr（'checked'）=“checked”）

试一试

而不是

if（$（“|放弃”| |“|完成”）.attr（'checked'）=“checked”）

试一试

您的脚本需要在DOM就绪时运行，并且您的选择器无效。您必须使用单独的选择器并使用

。is（“：checked”）

您需要这个函数，就好像DOM还没有完全准备好，它无法看到元素来选择它们一样

检查所选元素是否具有传递的参数，在本例中，

：checked

测试

checked

属性

当DOM就绪时，脚本需要运行，并且选择器无效。您必须使用单独的元素并使用

。is（“：checked”）

您需要这个函数，就好像DOM还没有完全准备好，它无法看到元素来选择它们一样

检查所选元素是否具有传递的参数，在本例中，

：checked

测试

checked

属性

$('#next').on('click', function() {
    if ($('#abandon, #complete').is(':checked')) {
        window.open('remote-user-testing5.html');
    } else {
        alert("Have you checked Abandon or Complete?");
    }
    return false;
});

试一试

试试看：

$(document).ready(function(){
     $('#next').on('click', function() {
          if($('#abandon').is(':checked') || $('#complete').is(':checked')) {
              window.open('remote-user-testing5.html');
           } else {
              alert("Have you checked Abandon or Complete?");
           }
           return false;
     });
});

试试看：

$(document).ready(function(){
     $('#next').on('click', function() {
          if($('#abandon').is(':checked') || $('#complete').is(':checked')) {
              window.open('remote-user-testing5.html');
           } else {
              alert("Have you checked Abandon or Complete?");
           }
           return false;
     });
});

@AmitAgrawal选中“完成”，然后单击“下一步”，您将看到它没有完成work@AmitAgrawal选中“完成”并单击“下一步”，您将看到它不起作用。谢谢您提供的详细答案。谢谢您提供的详细答案。

$(document).ready(function(){
     $('#next').on('click', function() {
          if($('#abandon').is(':checked') || $('#complete').is(':checked')) {
              window.open('remote-user-testing5.html');
           } else {
              alert("Have you checked Abandon or Complete?");
           }
           return false;
     });
});