Jquery получить значение радио кнопки

Question

вот моя HTML-разметка

<span class="wpcf7-form-control-wrap radio-20">
    <span class="wpcf7-radio radio-20" id="radio-20">
      <span class="wpcf7-list-item">
        <span class="wpcf7-list-item-label">Yes</span>
        <input type="radio" value="Yes" name="radio-20">
      </span>
      <span class="wpcf7-list-item">
        <span class="wpcf7-list-item-label">No</span>
        <input type="radio" value="No" name="radio-20">
      </span>
    </span>
</span>

откуда мне знать о переключателе "Да" или "Нет" отмечен?

я пытался:

    jQuery("span#radio-20 span input").val("Yes").click(function (){
            alert('bang!');
    });

но он также будет предупрежден, когда я нажму "Нет";

Может кто-нибудь помочь мне?

Answer 1

Вы можете сделать это:

var val = $("#radio-20").find(":checked").val();
if (val === "Yes") {
    // "Yes" button checked
} else {
    // "No" button checked
}

Если вы хотите, чтобы функция вызывалась при проверке кнопки, вы можете сделать это:

$("#radio-20 input").click(function () {
    var val = $(this).val();
    if (val === "Yes") {
        // "Yes" button checked
    } else {
        // "No" button checked
    }
});

(я не проверял это, но оно должно работать)

Answer 2

jQuery("span#radio-20 span input[value=Yes]").click(function (){
  alert('bang!');
});

Answer 3

 jQuery("span#radio-20 span input").click(function (){
            if ($(this).val() == "Yes"){
                alert('bang!');
             }
    });