【问题标题】:How do i get selected value from html.radiobuttonfor in jquery我如何从 jquery 中的 html.radiobuttonfor 获取选定的值
【发布时间】:2015-10-20 15:22:32
【问题描述】:

我在 MVC 中有 2 个单选按钮绑定到模型,如下所示。如何在 jquery 中获取选中的单选按钮值?

<label>Yes</label>
@Html.RadioButtonFor(m => m.SelectedPerson.is_selected, true, new { @onchange = "ToggleInfo();" })
<label>No</label>
 @Html.RadioButtonFor(m => m.SelectedPerson.is_selected, false, new {  @onchange = "ToggleInfo();" })

被调用的javascript函数是:

function ToggleInfo() {
    //Get the selected value here to tell if Yes/True or No/False is selected       
};

【问题讨论】:

  • 使用$('[name="SelectedPerson"]:checked').val();
  • @Tushar 不正确,您忘记了 is_selected 属性。
  • 本你检查我的答案了吗?如果有效,请接受它。谢谢

标签: javascript jquery asp.net-mvc


【解决方案1】:

你有两种方式,第一种是

function ToggleInfo() {
    var result = $('[name="SelectedPerson.is_selected"]:checked').val();
};

第二个是

<label>Yes</label>
@Html.RadioButtonFor(m => m.SelectedPerson.is_selected, true, new { @onchange = "ToggleInfo(this);" })
<label>No</label>
 @Html.RadioButtonFor(m => m.SelectedPerson.is_selected, false, new {  @onchange = "ToggleInfo(this);" })

function ToggleInfo(el) {
     var result = el.value;   
 }

这里有一个小提琴供你检查https://dotnetfiddle.net/FcVRHA

【讨论】:

  • 你给我的第一个选项效果很好。非常感谢!
【解决方案2】:

由于您在两个无线电中都使用onchange 事件,因此您可以简单地使用this.value

function ToggleInfo() {
  console.log(this.value);   
}

【讨论】:

  • 我认为这行不通。您必须执行 @onchange = "ToggleInfo(this); 之类的操作才能使其正常工作,并更改 js 函数以获取参数
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-24
  • 2011-11-26
  • 1970-01-01
  • 2017-05-08
  • 1970-01-01
  • 2012-02-03
相关资源
最近更新 更多