window.location does not execute with conditions

7331

New Member
<a href="http://stackoverflow.com/questions/15482744/www.google.com" class="social" id="social">Link one</a> <a href="http://stackoverflow.com/questions/15482744/www.cnn.com" class="social" id="social">Link two</a> <a href="http://stackoverflow.com/questions/15482744/www.facebook.com" class="social" id="social">Link three</a> I'd like to be able to have the user:Click on a linkHave the links href store into the $href variableAfter the user has chosen from the checkboxes, take the user to the$href location.I've been working with this fiddle. So how do I get the links to go to their respective locations upon checkbox selection? If anyone could offer any help or suggestions; I'd really appreciate it Thanks!p{ display: inline-block;}input[type="checkbox"]:disabled + label{ opacity: .5;}.faded{ color: grey; opacity: .5;}<p>Links should go to their respective locations upon checkbox selection</p><br><a href="http://stackoverflow.com/questions/15482744/www.google.com" class="social" id="social">Link one</a> <a href="http://stackoverflow.com/questions/15482744/www.cnn.com" class="social" id="social">Link two</a> <a href="http://stackoverflow.com/questions/15482744/www.facebook.com" class="social" id="social">Link three</a> <div class="know-your-role"> <div id="checkwrapper"> <form method="POST" action=""> <p>Are you a</p> <input type="checkbox" id="check-1" class="checkchoice student" value="http://stackoverflow.com/questions/15482744/1"><label for="check-1" class="choice student tooltip" title="Student">Student</label> <p>or</p> <input type="checkbox" id="check-2" class="checkchoice teach" value="http://stackoverflow.com/questions/15482744/2"><label for="check-2" class="choice teach tooltip" style="padding-right: 20px;" title="Teacher">Teacher</label> <p>?</p> </form> </div> <div class="style-select type"> <input type="text" placeholder="What year" /> </div> <p class="faded"> "What year" input should only appear when student is selected' </p></div>JavaScript$('.type').hide(); $(".know-your-role").hide();$(".social").click(function(e){ e.preventDefault(); var href = http://stackoverflow.com/questions/15482744/$(this).attr('href'); $(".wizard").hide(); $('.know-your-role').show('fast'); var $student = $('input:checkbox.student'); var $teach = $('input:checkbox.teach'); if($student.is(':checked') & $(".year").va() != ""){ window.location.href = http://stackoverflow.com/questions/15482744/href; }else if ($teach.is(':checked')){ window.location.href = http://stackoverflow.com/questions/15482744/href; }});$(function(){ $('#check-1').change(function() { $('#checkwrapper').hide(); $('.type').css('width','110px') $('.type').show(); });});$('input:checkbox.checkchoice').click(function(){ var $inputs = $('input:checkbox.checkchoice'); if($(this).is(':checked')){ $inputs.not(this).prop('disabled',true); }else{ $inputs.prop('disabled',false); }});
 
Back
Top