我在Gridview的每一行都有4个无线电按钮。我在每个Radiobutton上使用onClick方法，但现在我不想使用Javascript / Jquery
我在Gridview的每一行都有4个无线电按钮。我在每个Radiobutton上使用onClick方法，但现在我不想使用Javascript / Jquery
提问于 2020-10-21 01:50:56
我在Gridview的每一行都有4个无线电按钮。我在每个Radiobutton上使用onClick方法，但是现在我想使用Javascript / jQuery。这是我在后台(aspx.cs)文件中使用的代码。但是我想使用javascript / Jquery来使用它。
foreach (GridViewRow row in GridView1.Rows)
{
RadioButton rad1 = (RadioButton)row.FindControl("RadioButton1");
RadioButton rad2 = (RadioButton)row.FindControl("RadioButton2");
RadioButton rad3 = (RadioButton)row.FindControl("RadioButton3");
RadioButton rad4 = (RadioButton)row.FindControl("RadioButton4");
if (rad1.Checked == true)
{
rad2.Checked = false;
rad3.Checked = false;
rad4.Checked = false;
} if (rad2.Checked == true)
{
rad1.Checked = false;
rad3.Checked = false;
rad4.Checked = false;
} if (rad3.Checked == true)
{
rad1.Checked = false;
rad2.Checked = false;
rad4.Checked = false;
} if (rad4.Checked == true)
{
rad1.Checked = false;
rad2.Checked = false;
rad3.Checked = false;
}
}回答 3
Stack Overflow用户
回答已采纳
发布于 2020-10-21 02:32:19
Arun在命名方面是正确的，但是如果您希望每个单选按钮被命名为不同的名称，那么您可以这样将checked属性设置为false。
$(document).on('click','.radio-class',function(){
$this = $(this);
// uncheck all other radio inputs except this one
$('.radio-class').not($this).prop('checked', false);
});<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
<input type="radio" class="radio-class" name="RadioButton1" id="rad1" />
<input type="radio" class="radio-class" name="RadioButton2" id="rad2" />
<input type="radio" class="radio-class" name="RadioButton3" id="rad3" />
<input type="radio" class="radio-class" name="RadioButton4" id="rad4" />
</body>
</html>
Stack Overflow用户
发布于 2020-10-21 02:21:34
如果为name属性提供相同的值，则可以自动只选择其中一个单选按钮。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Radio button demo</title>
</head>
<body>
<input type="radio" name="commonName" id="rad1" onclick="alert('rad1 clicked !')" />
<input type="radio" name="commonName" id="rad2" onclick="alert('rad2 clicked !')" />
<input type="radio" name="commonName" id="rad3" onclick="alert('rad3 clicked !')" />
</body>
</html>
Stack Overflow用户
发布于 2020-10-21 04:29:47
考虑到这是在一个GridView中，我会认为您需要类似以下内容。
<asp:GridView runat="server">
<Columns>
<asp:TemplateField HeaderText="RadioButtons">
<ItemTemplate>
<asp:RadioButtonList runat="server" ID="radioButtonList">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
<asp:ListItem>Item 4</asp:ListItem>
</asp:RadioButtonList>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>现在，您不需要任何javascript/jquery或onclick代码。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64455559
复制相关文章
相似问题
腾讯云开发者
