使用 Javascript 在 asp.net 中的每一行中仅允许在 Gridview 中选择一个

Question

我想使用 JavaScript 从网格视图的每一行中只选择一个单选按钮。我在 Gridview 的每一行中使用了 4 个单选按钮。

我试过了...

<script>

            function GetCheckedRows() {

                var radio1 = null;

                var radio2 = null;

                var radio3 = null;

                var radio4 = null;

                $("#GridView1 tr").each(function () {

                    radio1 = $(this).find(".RadioButton1");

                    if (radio1.is(':checked')) {

                        radio2.checked = false;

                        radio3.checked = false;

                        radio4.checked = false;

                    }

                });

            }

        </script>]

Answer 1

给每行单选按钮一个不同的名字<div class="row">&nbsp; <input type="radio" name="rowA" /> Label A&nbsp; <input type="radio" name="rowA" /> Label B&nbsp; <input type="radio" name="rowA" /> Label C&nbsp; <input type="radio" name="rowA" /> Label D&nbsp; &nbsp; &nbsp;</div><div class="row">&nbsp; <input type="radio" name="rowB" /> Label A&nbsp; <input type="radio" name="rowB" /> Label B&nbsp; <input type="radio" name="rowB" /> Label C&nbsp; <input type="radio" name="rowB" /> Label D&nbsp; &nbsp; &nbsp;</div>

Answer 2

javascript代码<script src="https://code.jquery.com/jquery-2.2.4.js"></script>$(document).on('click','.radio-class',function(){&nbsp; $this = $(this);&nbsp; // uncheck all other radio inputs except this one&nbsp; $('.radio-class').not($this).prop('checked', false);});单选按钮<asp:RadioButton ID="RadioButton1" GroupName="radio-class" runat="server" />