php - 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>

我怎么知道"is"单选按钮或“否”已被选中？

我试过:

    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
    }
});

(我还没有测试过这些，但应该可以)