javascript - jQuery:如何查找动态生成 id 的单选按钮是否被选中？

Question

项目 ID 事先未知。我们只有在运行时才能知道这一点。

@foreach (var item in Model)  
     {  
         ...  
           <tr>
             <td>
                 @Html.RadioButton("Opinion_" + item.ID, "Agree") Agree
                 <br />
                 @Html.RadioButton("Opinion_" + item.ID, "Disagree") Disagree
                 <br />
                 @Html.RadioButton("Opinion_" + item.ID, "Neither") Neither  
             </td>
         </tr>
     }

<div>
     <textarea rows="5" cols="75" id="comments" name="comments"></textarea>
</div>

<p>
     <input type="submit" id="btnSubmit" />
</p>

这是我的脚本，我想检查单选按钮是否已被选中。
如果是，那么我想允许用户继续。
如果没有，我只想显示一条警报，表明他们尚未做出选择。

<script type="text/javascript">  
    $(document).ready(function () {  
        $('#btnSubmit').click(function (e) {  
            var isValid = true;
            if ($.trim($("#comments").val()) == '') {
                isValid = false;
            }
            if (isValid == false) {
                e.preventDefault();
                alert('Please explain your choices in the textbox provided.');
            }
        });
    });       
</script>

如何修改上述脚本来实现此目的？

Answer 1

由于每一行都可以有单选组，我认为你可以

<tr class="choice">
    <td>
        @Html.RadioButton("Opinion_" + item.ID, "Agree") Agree
        <br />
        @Html.RadioButton("Opinion_" + item.ID, "Disagree") Disagree
        <br />
        @Html.RadioButton("Opinion_" + item.ID, "Neither") Neither  
    </td>
</tr>

然后

$(document).ready(function () {
    $('#btnSubmit').click(function (e) {
        var isValid = true;
        if ($.trim($("#comments").val()) == '') {
            alert('Please explain your choices in the textbox provided.');
            isValid = false;
        }
        if ($('tr.choice').not(':has(:radio:checked)').length) {
            alert('Please select an option.');
            isValid = false;
        }
        if (isValid == false) {
            e.preventDefault();
        }
    });
});

演示:Fiddle