-1

JavaScriptが初めてなので、頭がいっぱいです。しかし、私はしようとしています:P

基本的に、以下のフォームで選択したオプションに基づいて URL にリダイレクトする必要があります。合計4回のチェックがあります。

  • Windows & Advanced が選択されている場合は、A にリダイレクトします。
  • Windows と Basic が選択されている場合は、B にリダイレクトします。
  • Mac と Basic が選択されている場合は、C にリダイレクトします
  • Linux と Basic が選択されている場合は、D にリダイレクトします。

ただし、各ラジオボタンの特定の名前を取得してオプションを選択する方法、それらがチェックされているかどうかを確認する方法、および上記のチェックを行う方法がよくわかりません。

誰かが私を正しい方向に向けることができれば、それは大歓迎です。ありがとう。

     <form action="process_form.php" class="TTWForm" method="post" novalidate="">
        <div id="field3-container" class="field f_100">
          <label for="field3">Your Operating System</label>
          <select name="field3" id="field3" required="required">
            <option id="field3-1" value="Windows"> Windows </option>
            <option id="field3-2" value="Mac"> Mac </option>
            <option id="field3-3" value="Linux"> Linux </option>
          </select>
        </div>
        <div id="field2-container" class="field f_100 checkbox-group required">
          <label for="field2-1">Version</label>
          <div class="option clearfix">
            <input type="radio" name="field2[]" id="field2-1" value="Basic">
            <span class="option-title"> Basic </span> <br>
          </div>
          <div class="option clearfix" id="optional">
            <input type="radio" name="field2[]" id="field2-2" value="Advanced">
            <span class="option-title"> Advanced </span> <br>
          </div>
        </div>
      </form>
4

1 に答える 1

0

ボタンを追加し、フォームの送信時に何かを行います:

$(".TTWForm").on('submit', function(e) {
    e.preventDefault();
    var field2 = $("#field2-1").is(':checked') ? 'Basic' : $("#field2-2").is(':checked') ? 'Advanced' : null,
        field3 = $("#field3").val();

    if (!field2) {
        alert('Select a version!');
        return;
    }

    var url = 'http://mysite.com/' + field2 + '/' + field3 + '/';
    document.location.href = url;
});​

フィドル

于 2012-08-17T00:19:21.583 に答える