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").click(function (){
            if ($(this).val() == "Yes"){
                alert('bang!');
             }
    });

Answer 3

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

Jquery获取单选按钮的值

3 个答案: