获取 RadioButton 值 Razor MVC

Question

我有具有真值和假值的单选按钮列表。我想获取更改单击事件的值，以便我可以使用它来显示条件标签。如果是真的；如果它是错误的不同标签，我会显示一个标签。它是一个项目列表，所以我正在遍历它..

这是我目前的情况：

型号：

public List<bool>answerValues { get; set; }

查看：

<td> 
   @Html.RadioButtonFor(model => model.answerValues[i], true, new { id = 
    "TrueValueID", @onclick = "buttonValue()"}) True

   @Html.RadioButtonFor(model=> model.answerValues[i], false, new { id = 
    "FalseValueID", @onclick ="buttonValue()" }) False 
</td>

JavaScript

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <script>
      function buttonValue(e) {
          alert(e.value);
      }

  </script>

在 Controller - Action 方法 (Get) 中，我想获取 true/false 值，以便我可以 show/hide 基于值。

我不熟悉 Razor/MVC。任何帮助将不胜感激！

Answer 1

你错过了 this，应该使用 buttonValue(this):

<td> 
   @Html.RadioButtonFor(model => model.answerValues[i], true, new { id = 
    "TrueValueID", @onclick = "buttonValue(this)"}) True

   @Html.RadioButtonFor(model=> model.answerValues[i], false, new { id = 
    "FalseValueID", @onclick ="buttonValue(this)" }) False 
</td>

正在行动：

function buttonValue(e) {
  alert(e.value);

  if (e.value === 'true') {
    alert('it is true');
  } else {
    alert('it is false');
  }

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="test" value="true" onclick="buttonValue(this)" />
<input type="radio" name="test" value="false" onclick="buttonValue(this)" />

I want to get the true/ false value so I can show/hide based on values

单选按钮 return on 如果选中，则显示标签如果值 return on 否则显示另一个标签。您还可以为单选按钮设置 value，例如 <input type="radio" value="true"... 或布尔值。

Answer 2

您应该为所有单选按钮使用名称属性。

然后在 JQuery

$('input:radio[name=RADIO_NAME]').change(function () {
        var value = $('input:radio[name=RADIO_NAME]:checked').val();
        switch(value).....

    });

Answer 3

希望对您有所帮助。

Razor 代码

here we can set common class on radio button to bind on change event in js.

<td> 
       @Html.RadioButtonFor(model => model.answerValues[i], true, new { id = 
        "TrueValueID", @class="rdbtnanswervalue"}) True

       @Html.RadioButtonFor(model=> model.answerValues[i], false, new { id = 
        "FalseValueID", @class="rdbtnanswervalue" }) False 
    </td>

Js代码

<script>
$(function () {
    $(".rdbtnanswervalue").on("change", function () {

        // for current value
        alert($(this).val());

        // for all radio button with same class uncomment below code.

        //$(".rdbtnanswervalue").each(index, ele)
        //{
        //    // get value and perfom action acordingly.
        //    alert($(ele).val())

        //}
    })
})

获取 RadioButton 值 Razor MVC

Get RadioButton value Razor MVC

javascript

c#

jquery

razor

asp.net-mvc-4