如何在单选按钮检查上运行jQuery脚本

Question

I'm am trying to run 2 comparison scripts when the radio button of each flight is clicked.

The //Compare airports part will compare whether the passenger will return to the same airport he departed from when clicking the equivalent booking radio button and show an alert in case he will be returning to a different airport.

And in the same way the //Compare Dates part will check whether his flight will arrive the next day and if yes show an alert stating just that.

I made a bare bones mockup of my code in codepen so you can have a clearer view of what i'm trying to do.

Thanks for taking the time to help!

http://codepen.io/JohnD/pen/myGZKP

//Compare airports
var a1 = $(".flight-1_1 > .departing-IATA").text();
var a2 = $(".flight-2_1 > .departing-IATA").text();

if (a1 != a2) {
      $('.da-alert').toggle();
};
//Compare dates 
var day1 = $(".flight-1_1 > .date").text();
var day2 = $(".flight-2_1 > .date").text();

if (day1 != day2) {
  $(".dd-alert").toggle();
}

Answer 1

I understand that you want to know way to run the code when radio button's are being chacked.

if you add new changed event to radio button, you will see the running code when the buttons are checked.

var airport1 = null
var airport2 = null
$('#radio_jfk_button').change(
    function() {
        airport1 = "jfk"
        if(airport1 != null && airport2 != null) {
            //compare
        }
    }
}
$('#radio_narita_button').change(
    function() {
        airport1 = "narita"
        if(airport1 != null && airport2 != null) {
            //compare
        }
    }
}