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

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