2013-07-02 3 views
1

Хорошо. Я не знаю, что делаю. Я вернусь, чтобы помочь людям найти работу. Я запустил все в Fiddle и перевел его на двух разных редакторов, и все получилось хорошо, но ничего не происходит, никаких предупреждений, без onclick для отправки. Я попробовал это на своем ноутбуке, и на двух страницах появился один с profilebannerIE на нем, а другой с html. Еще раз спасибо.Отправить кнопку с условными ссылками

Старик новый для jquery. У нас есть форма, которую мы хотели бы, чтобы люди заполнили и представили. Форма не была сложной для создания, но теперь мы хотели бы, чтобы она делала некоторые особые вещи. Я исследовал и пробовал разные вещи в течение 3 дней, и это мое последнее усилие. Многие из ваших идей форума очень умны, и я уверен, что вы сможете заставить это работать мгновенно. Заранее спасибо!

Мы пытаемся получить кнопку отправки в следующей форме, чтобы перейти на «веб-сайт 1», если нажата кнопка «да», если на семи или более переключателях нажата кнопка «да». Если ответов менее 7 «да», мы хотели бы перейти на «веб-сайт 2».

<html> 
<head> 
<meta content="text/html; charset=ISO-8859-1" 
http-equiv="content-type"> 
<title>Survey</title> 
</head> 
<body> 
<h1 style="text-align: center;"><big><span 
style="font-family: Arial Unicode MS; background-color: white; color: rgb(0, 0, 153);">Survey</span></big></h1> 
<div 
style="text-align: center; font-family: Arial Unicode MS; color: rgb(0, 0, 153); font-weight: bold;"><big>Please 
answer the following questions and click the 'Submit' button at the bottom of the page.</big></div> 
<form method="post" action="http://www.workintexas.com" 
name="Customer Survey"><br> 
Are you currently employed?<br> 
    <input name="Employed" value="Yes" type="radio">Yes<br> 
    <input name="Employed" value="No" type="radio">No<br> 
    <br> 
Do you have readily available, documents to support your authorization to work in the USA?<br> 
    <input name="Documents" value="Yes" type="radio">Yes<br> 
    <input name="Documents" value="No" type="radio">No<br> 
    <br> 
Do you have a resume?<br> 
    <input name="Resume" value="Yes" type="radio">Yes<br> 
    <input name="Resume" value="No" type="radio">No<br> 
    <br> 
Do you have reliable transportation?<br> 
    <input name="transportation" value="Yes" type="radio">Yes<br> 
    <input name="transportation" value="No" type="radio">No<br> 
    <br> 
Do you have a high school diploma or equivalent?<br> 
    <input name="Diploma" value="Yes" type="radio">Yes<br> 
    <input name="Diploma" value="No" type="radio">No<br> 
    <br> 
Do you have an occupational license, certification, or advanced level of education?<br> 
    <input name="Cert" value="Yes" type="radio">Yes<br> 
    <input name="Cert" value="No" type="radio">No<br> 
    <br> 
Have you been unemployed longer than 6 months?<br> 
    <input name="Unemployed" value="Yes" type="radio">Yes<br> 
    <input name="Unemployed" value="No" type="radio">No<br> 
    <br> 
Have you had more than three jobs within the last two years?<br> 
    <input name="Jobs" value="Yes" type="radio">Yes<br> 
    <input name="Jobs" value="No" type="radio">No<br> 
    <br> 
Do you have appropriate interview clothing?<br> 
    <input name="Clothing" value="Yes" type="radio">Yes<br> 
    <input name="Clothing" value="No" type="radio">No<br> 
    <br> 
Do you have a criminal background?<br> 
    <input name="Background" value="Yes" type="radio">Yes<br> 
    <input name="Background" value="No" type="radio">No<br> 
    <br> 
    <input name="Submit" value="Submit" type="submit"><small><br> 
    <br> 
    <br> 
</form> 
</body> 
</html> 
+0

возможно дубликат [кнопку условных страниц представить] (http://stackoverflow.com/questions/17432769/submit-button-to-contingent-pages) –

ответ

1

Только для дальнейшего использования, есть отличный инструмент под названием jsFiddle, который вы можете использовать, чтобы дать нам лучший код для работы с: jsFiddle

Я сделал вам быстрый один, с решением, которое поможет вам начать here

var answered_yes = 0; 
$("input[type=radio]:checked").each(function() { 
    if ($(this).val() === "Yes") { 
     answered_yes++; 
    } 
}); 
if (answered_yes >= 7) { 
    location.href = "7 or more website.html"; 
} else { 
    location.href = "less than 7 website.html"; 
} 

Полный Разметка

Вот разметки вы можете использовать (с библиотекой JQuery, включенной из CDN), ваша разметка требует честной работы, но вы ясно дали понять, что вы новичок, поэтому я брошу вам кость. Посмотрите, сможете ли вы дальше с этим справиться.

<html> 
<head> 
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> 
    <title>Survey</title> 
</head> 
<body> 
    <h1 style="text-align: center;"> 
     <big><span style="font-family: Arial Unicode MS; background-color: white; color: rgb(0, 0, 153);">Survey</span></big> 
    </h1> 
    <div style="text-align: center; font-family: Arial Unicode MS; color: rgb(0, 0, 153); font-weight: bold;"> 
     <big>Please answer the following questions and click the 'Submit' button at the bottom of the page.</big> 
    </div> 
    <form method="post" action="http://www.workintexas.com" name="Customer Survey"> 
     <br>Are you currently employed?<br> 
     <input name="Employed" value="Yes" type="radio">Yes<br> 
     <input name="Employed" value="No" type="radio">No<br> 
     <br>Do you have readily available, documents to support your authorization to work in the USA?<br> 
     <input name="Documents" value="Yes" type="radio">Yes<br> 
     <input name="Documents" value="No" type="radio">No<br> 
     <br>Do you have a resume?<br> 
     <input name="Resume" value="Yes" type="radio">Yes<br> 
     <input name="Resume" value="No" type="radio">No<br> 
     <br>Do you have reliable transportation?<br> 
     <input name="transportation" value="Yes" type="radio">Yes<br> 
     <input name="transportation" value="No" type="radio">No<br> 
     <br>Do you have a high school diploma or equivalent?<br> 
     <input name="Diploma" value="Yes" type="radio">Yes<br> 
     <input name="Diploma" value="No" type="radio">No<br> 
     <br>Do you have an occupational license, certification, or advanced level of education?<br> 
     <input name="Cert" value="Yes" type="radio">Yes<br> 
     <input name="Cert" value="No" type="radio">No<br> 
     <br>Have you been unemployed longer than 6 months?<br> 
     <input name="Unemployed" value="Yes" type="radio">Yes<br> 
     <input name="Unemployed" value="No" type="radio">No<br> 
     <br>Have you had more than three jobs within the last two years?<br> 
     <input name="Jobs" value="Yes" type="radio">Yes<br> 
     <input name="Jobs" value="No" type="radio">No<br> 
     <br>Do you have appropriate interview clothing?<br> 
     <input name="Clothing" value="Yes" type="radio">Yes<br> 
     <input name="Clothing" value="No" type="radio">No<br> 
     <br>Do you have a criminal background?<br> 
     <input name="Background" value="Yes" type="radio">Yes<br> 
     <input name="Background" value="No" type="radio">No<br> 
     <br><input name="Submit" value="Submit" type="submit"><small><br> 
     <br> 
     <br> 
    </form> 
    <script type="text/javascript" href="http://code.jquery.com/jquery-1.10.0.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("input[type=submit]").bind("click", function (e) { 
       e.preventDefault(); 
       var answered_yes = 0; 
       $("input[type=radio]:checked").each(function() { 
        if ($(this).val() === "Yes") { 
         answered_yes++; 
        } 
       }); 
       if (answered_yes >= 7) { 
        location.href = "7 or more website.html"; 
       } else { 
        location.href = "less than 7 website.html"; 
       } 
      }); 
     }); 
    </script> 
</body> 
</html> 
+0

Хорошо. Я потерялся. Он работает на jsfiddle, но когда я помещаю его в редактор (компомер), все, что появляется, это текст. Спасибо за помощь. – user2542925

+0

@ user2542925 Вы включаете библиотеку jQuery, не так ли? Вы отметили jQuery, так что предположили, что вы - попробуйте включить его в свою разметку ' 'в разделе' '. –

+0

Ха! Он работает сейчас. Я должен был объяснить дальнейшую степень моей неопытности. Огромное спасибо. Как я могу вам помочь? – user2542925

0

вы можете попробовать следующий код, чтобы получить количество проверяемых кнопки радио, его образец кода

HTML

<label><input type="radio" value="1" name="rdQueen" /> Scaramouche</label> <br /> 
<label><input type="radio" value="1" name="rdQueen" /> Will you do the</label> <br /> 
<label><input type="radio" value="1" name="rdQueen" /> Fandango</label> <br /> 

<label><input type="radio" value="1" name="rdFruit" /> Mango</label> <br /> 
<label><input type="radio" value="1" name="rdFruit" /> Kiwi</label> <br /> 
<label><input type="radio" value="1" name="rdFruit" /> Potato</label> <br /> 

<button id="test">Run test</button> 

JQuery

$('#test').click(function(){ 
    if($(':radio[name=rdQueen]:checked, :radio[name=rdFruit]:checked').length == 2) 
     alert('good to go'); 
    else 
     alert('please choose one from each group'); 
}); 
+0

Ok. Я потерялся. Он работает на jsfiddle, но когда я помещаю его в редактор (компомер), все, что появляется, это текст. Спасибо за помощь. – user2542925

+0

Спасибо за помощь. Он работает сейчас. Я даже не знал, чтобы включить библиотеку jquery. Собираюсь помогать людям найти работу с этого момента. это было весело. Еще раз спасибо. – user2542925