jquery - 如何检查具有相同组名的两个单选按钮

Question

我有一组单选按钮，我需要检查一个是否已被单击，如果没有，则抛出错误我如何使用 Jquery 验证以下内容？

<legend>Follow Opening Script?</legend>
<p>
    <strong><asp:RadioButton GroupName="OpeningScript" CssClass="inline-radio" ID="rdoOpeningScriptYes" runat="server" Text="Yes" TextAlign="Right" /></strong>&nbsp;&nbsp;
    <strong><asp:RadioButton GroupName="OpeningScript" CssClass="inline-radio" ID="rdoOpeningScriptNo" runat="server" Text="No" TextAlign="Right" /></strong>
</p> 

Answer 1

在文档准备就绪时注册事件：

$('input[name="OpeningScript"]').click(function () {
    alert($(this).val());
});

更改索引以获取特定项目的状态：

$("input[name*=OpeningScript]")[0].checked

要获取文本，请尝试：

$("input[name*=OpeningScript]:checked + label").text();

Answer 2

Working FIDDLE Demo

button在您的 HTML 中添加一个：

<input type="button" id="check" value="check" />

并编写一个函数供其click检查：

$(function () {
    $('#check').on('click', function () {
        if (! $('[name="OpeningScript"]:checked').length) {
            alert('Please choose an option');
        }
    });
});

Answer 3

这里有一个 jsfiddle 示例：http: //jsfiddle.net/xYLxX/