Cómo usar la variable selected_gender fuera de la función
$('input[type=radio][name=pop_gender]').change(function() { if (this.value == 'Male') { var selected_gender = "gender_Male"; } else if (this.value == 'Female') { var selected_gender = "gender_Female" } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <input type="radio" name="pop_gender" id="gender_female" value="Female"> <input type="radio" name="pop_gender" id="gender_male" value="Male">1, Declare la variable selected_gender antes de llamar a la función de cambio.
2, tome el valor del elemento clickd en la variable selected_gender
3, imprime esa variable
Espero que el siguiente código te ayude a entender mejor.
let selected_gender = ""; $('input[type=radio][name=pop_gender]').on('change', function() { selected_gender = this.value; //this will get value of input type is radio and name is pop_gender which was last time clicked console.log(selected_gender); //in side of function }); console.log(selected_gender); //out side of function <html> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <input type="radio" name="pop_gender" id="gender_female" value="Female"> <input type="radio" name="pop_gender" id="gender_male" value="Male"> </body> </html>Podrías declarar la var fuera de la función:
var selected_gender; $('input[type=radio][name=pop_gender]').change(function() { if (this.value == 'Male') { selected_gender = "gender_Male"; } else if (this.value == 'Female') { selected_gender = "gender_Female" } });PERO en su lugar, comprueba dónde lo usas
let selected_gender = $('input[type=radio][name=pop_gender]:checked').val(); // here use "Male" or "Female"En una nota diferente:
¿Cómo puedo tratar la diversidad de identidades de género en los perfiles de usuario?