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

Question

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

我试过了... [1]: https://i.stack.imgur.com/qp2od.png

<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">

  <input type="radio" name="rowA" /> Label A

  <input type="radio" name="rowA" /> Label B

  <input type="radio" name="rowA" /> Label C

  <input type="radio" name="rowA" /> Label D     

</div>

<div class="row">

  <input type="radio" name="rowB" /> Label A

  <input type="radio" name="rowB" /> Label B

  <input type="radio" name="rowB" /> Label C

  <input type="radio" name="rowB" /> Label D     

</div>

Answer 2

javascript代码

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>

$(document).on('click','.radio-class',function(){

  $this = $(this);

  // uncheck all other radio inputs except this one

  $('.radio-class').not($this).prop('checked', false);

});

单选按钮

<asp:RadioButton ID="RadioButton1" GroupName="radio-class" runat="server" />