0

プロセスの次の段階に進むための条件を作成しようとしています。

ユーザーは、[次へ] ボタンを押す前に、[中止] または [続行] のいずれかを選択する必要があります。

いずれかが選択されている場合、次へボタンを押すと次のページに進みます。そうでない場合は、「放棄または続行を確認しましたか?」というアラートが表示されます。

これは私が他のコードを見て行ったことですが、うまくいきません。alert =S でさえ、jQuery は何も機能しません。誰か助けてもらえますか?

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

4 に答える 4

2

DOM の準備ができたときにスクリプトを実行する必要があり、セレクターが無効な場合は、別のものを使用して使用する必要があります.is(":checked") 

$(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;
   });
});

.readyDOM の準備が整っていないかのように、要素を選択するために要素を見ることができないかのように機能が必要です。

.is選択した要素に渡された引数があるかどうかを確認します。この場合、属性:checkedをテストしますchecked

于 2013-08-27T11:32:28.840 に答える
1

試す ：

$(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;
     });
});
于 2013-08-27T11:34:16.907 に答える
0

試す

$('#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;
});
于 2013-08-27T11:32:39.413 に答える