获取单选按钮选择的值答案

【问题标题】：Getting radio button selected value获取单选按钮选择的值
【发布时间】：2014-07-21 10:01:37
【问题描述】：

如何获取单选按钮的点击值？

实际上，我需要一个自定义过滤器来筛选我在<form> 中选择的性别。从输出中我需要过滤性别。我在ng-repeat 中的filter 和orderBy 工作不正常。

这是我的 Plunker 示例的链接：http://plnkr.co/edit/7ZBcMDrJzSreD73R9aNq?p=preview

for(var i=0;i<$scope.details.length;i++) {

    if($scope.details[i]===$scope.options[i])
        $scope.details=myService.getForm($scope.user);

}

【问题讨论】：

看看我的回答

标签： javascript html angularjs

【解决方案1】：

在你的 Plunker 中，Gender 的值在 $scope.user 范围内

 $scope.submitTheForm=function(){
    myService.setForm($scope.user);
    $scope.user={};
};

检查这个Working Demo

【讨论】：

我在表单代码中获取单选按钮的值。我在询问我需要放入输出表单文件中的单选按钮，以根据性别选择过滤数据。如果选择的值仅打印具有该性别的数据。
定义两个单独的指令 (<form-ajs></form-ajs>) 有什么用处，因为它们是相互链接的，您可以将它们包含在一个指令中
因为我需要使用服务，所以我创建了 2 个指令
接下来我需要对输出进行过滤和排序。性别过滤器..所以我需要知道如何获得选择并与我的控制器链接以输出该结果。
即使在单条指令中也可以使用服务

【解决方案2】：

我不确定你的 jsfiddle，但这里有一个简单的例子来说明你是如何做到的：

<div class="radio" data-ng-repeat="detail in details">
    <label>
        <input type="radio" data-ng-model="$parent.ngModel" name="ngModel" value="{{detail.id}}" required />
        {{detail.title}}
    </label>
</div>

在您的控制器中只需使用$scope.ngModel，您就会得到结果。

【讨论】：

我在表单代码中获取单选按钮的值。我在询问我需要放入输出表单文件中的单选按钮，以根据性别选择过滤数据。如果选择的值仅打印具有该性别的数据。