Javascript 获取RadioButton值Razor MVC

我有一个包含真值和假值的单选按钮列表。我想获取更改单击事件的值，以便可以使用它来显示条件标签。如果是真的；如果标签是假的，我会显示不同的标签。这是一个项目列表，所以我正在循环浏览

以下是我到目前为止的情况：

型号：

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>

public ListanswerValues{get；set；}

查看：

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>

@Html.RadioButtonOn（model=>model.answerValues[i]，true，新{id=
“TrueValueID”，@onclick=“buttonValue（）”}）True
@Html.RadioButton（model=>model.answerValues[i]，false，新{id=
“FalseValueID”，@onclick=“buttonValue（）”}）False

JavaScript

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

  </script>

功能按钮值（e）{
警觉（e.value）；
}

在Controller-Action方法（Get）中，我希望获得真/假值，以便根据值显示/隐藏

---

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

您错过了

此

，应使用

按钮值（此）

：

---

您错过了

此

，应使用

按钮值（此）

：

---

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

然后在JQuery中

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

    });

---

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

然后在JQuery中

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

    });

---

我希望这对你有帮助

剃须刀代码

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

        //}
    })
})

在这里，我们可以在单选按钮上设置公共类来绑定更改事件 在js中

@Html.RadioButtonOn（model=>model.answerValues[i]，true，新{id=
“TrueValueID”，@class=“rdbtnanswervalue”}）True
@Html.RadioButton（model=>model.answerValues[i]，false，新{id=
“FalseValueID”，@class=“rdbtnanswervalue”}）False

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

        //}
    })
})

$（函数（）{
$（.rdbtnanswervalue”）。在（“更改”上，函数（）{
//当前值
警报（$（this.val（））；
//对于所有具有相同类的单选按钮，请在代码下方取消注释。
//$（“.rdbtnSwerValue”）。每个（索引，ele）
//{
////获取值并执行相应的操作。
//警报（$（ele.val（））
//}
})
})

---

我希望这会对你有所帮助

剃须刀代码

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

        //}
    })
})

在这里，我们可以在单选按钮上设置公共类来绑定更改事件 在js中

@Html.RadioButtonOn（model=>model.answerValues[i]，true，新{id=
“TrueValueID”，@class=“rdbtnanswervalue”}）True
@Html.RadioButton（model=>model.answerValues[i]，false，新{id=
“FalseValueID”，@class=“rdbtnanswervalue”}）False

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

        //}
    })
})

$（函数（）{
$（.rdbtnanswervalue”）。在（“更改”上，函数（）{
//当前值
警报（$（this.val（））；
//对于所有具有相同类的单选按钮，请在代码下方取消注释。
//$（“.rdbtnSwerValue”）。每个（索引，ele）
//{
////获取值并执行相应的操作。
//警报（$（ele.val（））
//}
})
})

---

非常感谢您！关键字“this”起了作用。如何将此值从视图传递到控制器。我只是在控制器中的操作（get方法）中键入了按钮名称，但它没有识别它。？我在if语句中使用了您的代码，尽管选择了true，但它始终打印“hmmm”？@Warda您确定

警报（e.value）返回<代码>在

上？是的，我复制了您的确切代码，但我注意到在您的场景中，您只有一个单选按钮。我有两个，一个是真的，另一个是假的。目前它总是显示“hmm”消息，这意味着它跳过了第一个if语句？？是的，没错！！非常感谢你太感谢你了！关键字“this”起了作用。如何将此值从视图传递到控制器。我只是在控制器中的操作（get方法）中键入了按钮名称，但它没有识别它。？我在if语句中使用了您的代码，尽管选择了true，但它始终打印“hmmm”？@Warda您确定

警报（e.value）返回<代码>在

上？是的，我复制了您的确切代码，但我注意到在您的场景中，您只有一个单选按钮。我有两个，一个是真的，另一个是假的。目前它总是显示“hmm”消息，这意味着它跳过了第一个if语句？？是的，没错！！非常感谢你D