Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angularjs以逗号分隔的值获取表单值的方法_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript angularjs以逗号分隔的值获取表单值的方法

Javascript angularjs以逗号分隔的值获取表单值的方法,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有一张这样的表格 <form id="myForm"> <input type="text" name="userName" value="test" /> <ul> <li ng-repeat="item in list"> <input type="checkbox" name="chkList" value="id" /> </li> </

我有一张这样的表格

<form id="myForm">
    <input type="text" name="userName" value="test" />
    <ul>
      <li ng-repeat="item in list">
            <input type="checkbox" name="chkList" value="id" />
      </li>
    </ul>
</form>
var d = 'name=' + $('#myform input[name=userName]).val();
var valArr = [];
$('#myform input[name=chkList]').each(function() {
    valArray.push($(this).val());
});
d = '&listOfIds=' + valArray.join(',');
... then submitting post with data: d

我不想使用jquery,但不确定这里的angualr等价物是什么?

实际上,这都是细节,可能是这样的:

 <input type="checkbox" name="chkList" ng-model="valArray[$index]" value="id" />

以下是您需要的:

HTML

 $scope.valArray = [ 1 , 2 , 3 ];
<div ng-app="myApp" ng-strict-di>
<div ng-controller="Ctrl">
    <div ng-repeat="item in items">
        <input type="checkbox" ng-model="$parent.values[item.id]"/>{{item.name}}
    </div>
    <button type="button" ng-click="submit()">Submit</button>
</div>
angular.module("myApp",[]).controller("Ctrl",function($scope){

    angular.extend($scope,{
        values:{},
        items:[
            {id:1,name:'name1'},
            {id:2,name:'name2'},
            {id:3,name:'name3'},
            ],
        submit: function() {
            var d = '&listOfIds=' + Object.keys($scope.values).join(",");
            alert(d);

        }
    });
});