簡體   English   中英

如何從angularjs單選按鈕列表中獲取選定的值

[英]how to get selected value from list of radio buttons in angularjs

我有一個單選按鈕列表,這些按鈕的值來自json數據的ajax請求通知。我已將其綁定到列表,但我想從列表中獲取選定的值,我嘗試了如下操作,但沒有運氣。

html

   <ons-list-item modifier="tappable" ng-repeat="area in AreaList">
      <label class="checkbox checkbox--list-item" >
          <input type="radio" ng-bind="area.name"  ng-model="selectedValue" name="area" value="area.code">
        <div class="checkbox__checkmark checkbox--list-item__checkmark"></div>
        {{area.name}}
      </label>
    </ons-list-item>

js

      //PARING FOR AREA
                if(data.Details[i] === "Area"){
                         for(var d=0;d<17;d++){

                             var area =data.Details[i+1][d]['varCityName'];
                             var code = data.Details[i+1][d]['intGlCode'];

                                 $scope.AreaList.push({name:area, code:code});

                                 area = '';
                                 code = '';

                                 $scope.selectedValue =  data.Details[i+1][d]['intGlCode'];

                    }

                    console.log("===========AREA obj===========",  $scope.AreaList);

       } 
.
.
.
.
 $scope.submitAnswer=function(list,rate,areaobj)
      {
       gList = list.name;

            alert("-----------my selected area is=========="+gArea);

     };

在console.long中打印的區域對象

[
    Object{
        name="Camana Bay",
        code="32"
    },
    Object{
        name="Breakers",
        code="1"
    },
    Object{
        name="Grand Cayman",
        code="2"
    },
    Object{
        name="Bodden Town",
        code="16"
    },
    Object{
        name="Cayman Brac",
        code="15"
    },
    Object{
        name="East End",
        code="20"
    },
    Object{
        name="George Town",
        code="21"
    },
    Object{
        name="George Town West",
        code="22"
    },
    Object{
        name="Little Cayman",
        code="23"
    }
   ]

嘗試:

<input type="radio" ng-bind="area.name"  ng-model="selectedArea" name="area" ng-value="area.code">

ng-model使用將存儲所選值的變量。

ng-value采用將在ng-model中存儲的值(如果選擇了特定的單選按鈕)

看看這個jsbin

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM