asp.net-mvc-3 - 如何将选中的一个单选按钮传递给 jquery？

Question

我在 mvc3 中有两个 @html.radiobutton 。我需要将选定的一个值传递给 jquery

我的代码：

 @Html.RadioButton("gender", "1", false, new { id = "id1" }) male

   @Html.RadioButton("gender", "2", true, new { id = "id2" }) female

Answer 1

为单选按钮设置组名

<input type="radio" name="group1" value="Milk"> 

单选按钮与其他 HTML 表单元素略有不同，它们提供多个选项并且只允许一个选择。在这种情况下，HTML 编辑器包含一个特殊工具，可以让您的单选按钮选项井井有条。以下是如何使用它：

将单选按钮组添加到 HTML 表单

Answer 2

检查此链接http://www.w3schools.com/html/tryit.asp?filename=tryhtml_radio

简单的 ... ：）

这里两个单选行都有 name="sex" ，这表明 HTML 的单选组相同，因此您可以在两个中选择一个。

Answer 3

这是RadioButton 方法的重载。

Gender:
@Html.RadioButton("Gender", "1", true, new { id = "yourId" }) Male
@Html.RadioButton("Gender", "2", false, new { id = "yourId" }) Female

希望能帮助到你。

---

编辑

$('input[name=Gender]:radio:checked')将为您提供选定的单选按钮，同时$('input[name=Gender]:radio:not(:checked)'为您提供未选择的单选按钮。

$(function(){
     $('input[name=Gender]:radio').click(function () {
          //Here we can get the selected radio button
          var selected=$('input[name=Gender]:radio:checked');
          alert('You have selected'+ selected);
     });
});