Question

我已将值从db传递到单选按钮，它包含“ source，destination”形式的源和目标，我需要将其拆分并从不同的文本框中分别调用。但是每次我都获得这两个值。如何克服这个问题？

这是HTML（单选按钮）

 <input class="radioBtn" type="radio" name="order" ng-model="savedSourceDestination" value={{savedLocationByIdList.sourceAddress}},{{savedLocationByIdList.destinationAddress}}> {{savedLocationByIdList.sourceAddress}} to {{savedLocationByIdList.destinationAddress}}<br>

这是控制器

    SavedLocation();
function SavedLocation() {
    customerService.one('getSavedLocationById', 1).get().then(function (response) {
        $scope.savedLocationByIdList = response.data;
    }, function error(failure) {
        $scope.catalogList = {};
        alertService.showAlert({
            title: 'Failure',
            message: failure.data.message
        });
    });
   $scope.getSelectedValue=function(){
        var radioBtns = document.getElementsByClassName("radioBtn");
        for(var i = 0; i < radioBtns.length; i++){
          if(radioBtns[i].checked){
           document.getElementById("recent").value = radioBtns[i].value; 
          }
        }
      }
}

`

源文本框

 <input id="recent" style="margin-left:10px" places-auto-complete size=54 ng-model="origin"
                                ng-blur="getfromAddres()" component-restrictions="{country:'in'}" types="{{types}}"
                                on-place-changed="originChanged()" value=""/>

与目标文本框相同。

我尝试拆分数据功能，但不起作用。

Answer 1

您肯定需要在逗号上分割值吗？

document.getElementById("recent").value = radioBtns[i].value;

应该是这样的：

const parts = radioBtns[i].value.split(',');
const source = parts[0];
const dest = parts [1];

document.getElementById("recent").value = source;
document.getElementById("destination").value = dest;

...但是，看到您处于一个循环中，我希望您有不同的“最近”和“目的地”输入以将值输出到..

如何将单选按钮的多个值传递给两个不同的文本框

1 个答案: