首页 > 解决方案 > 使用Javascript在asp.net的每一行中只允许在Gridview中选择一个单选按钮

问题描述

我想使用 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>]

标签: javascriptasp.net

解决方案


给每一行单选按钮一个不同的名字

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

推荐阅读