javascript - Jquery 单选按钮验证

Question

 <asp:RadioButton Text="Male" value="M" ID="rbM" runat="server" GroupName="g" />
    <asp:RadioButton Text="Female" value="F" ID="rbF" runat="server" GroupName="g" />
    <asp:Button Text="Submit" runat="server" ID="btn" />

这是我的 JS：

 $(document).ready(function () {

            $("#<%=btn.ClientID%>").click(function () {

                if ($("input[id='rbM']").is(":checked") == true) {
                alert($(this).next('label').text());

                }
                else if ($("input[id='rbF']").is(":checked") == true) {

                }
                else  {
                    alert("Please select an option!");
                }
            });

        });

这是一个简单的单选按钮验证。如何在前两个 if 条件中获取文本？我在第一个 if 的警报中变得不确定？

Answer 1

something like that

$(document).ready(function () {
    $("#<%=btn.ClientID%>").click(function () {
        if ($("input[id='rbM']").is(":checked") == true) {
            console.log($("input[id='rbm']").attr('Text'))
        }
        else if ($("input[id='rbF']").is(":checked") == true) {
            console.log($("input[id='rbF']").attr('Text'))
        }
        else  {
            alert("Please select an option!");
        }
    });
});

Answer 2

尝试这个

$(document).ready(function () {

    $("#<%=btn.ClientID%>").click(function () {

        if ($("input[id='rbM']").is(":checked") == true) {

            alert($("input[id='rbM']").val());
        }
        else if ($("input[id='rbF']").is(":checked") == true) {
            alert($("input[id='rbF']").val());
        }
        else  {
            alert("Please select an option!");
        }
    });

});

Answer 3

您可以通过直接获取复选框来简化它，如下所示：

$('#btn').click(function(){
    var checkedValue = $('input[name="g"]:checked').val();
    if (checkedValue) {
        // ...process value
    } else {
        // Please select an option!
    }
});

工作小提琴。

Answer 4

试试下面

if ($("#rbM").is(":checked")) { // return true/false
} 
else  if ($("#rbF").is(":checked")) {
}
else {
  alert("Please select an option!");
}               

Answer 5

$(document).ready(function () {

            $("#<%=btn.ClientID%>").click(function () {

                if ($("input[id='rbM']").is(":checked") == true) {

                    console.log($('#rbm').text());
                }
                else if ($("input[id='rbF']").is(":checked") == true) {
                    console.log($("#rbF").text())
                }
                else  {
                    alert("Please select an option!");
                }
            });

        });