Question

我有4个不同的复选框，当我选中一个（或两个，三个或三个）时，我想通过单击“保存”按钮将一些数据保存到数据库中。我正在使用角度。我该怎么做？我有以下HTML代码：

<div class="addMode1" style="display: none;">
<div class="form">
<form ng-submit="createReason(reasonsForm1.$valid)" name="reasonsForm1">
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group">
                <label for="database_address">Name of reason:</label>
                <input type="text" class="form-control" ng-model="reasonname" placeholder="Име основание за добавяне" />
            </div>
            <div class="container">
                <p>Using in::</p>
                <input type="checkbox" ng-model="all">Buy<br>
                <input type="checkbox" ng-checked="all">Sell<br>
                <input type="checkbox" ng-checked="all">PKO<br>
                <input type="checkbox" ng-checked="all">RKO
            </div>


        </div>

    </div>
    <button class="btn btn-primary" type="submit">Save</button>
    <button class="btn btn-primary" id="cnlbtn1" type="button">Cancel</button>

     <!--ng-click="createUser()"-->
    <!--<button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Добавяне на нов</button>-->
</form>
</div>
</div>

和Angular代码（将输入框中的数据保存到数据库中的createReason函数）：

$scope.createReason=function()
    {
        var objectToSave = {
            name: $scope.reasonname,
        };
            defaultAdapter.query('INSERT INTO reasons(name) VALUES(:name)',

              { replacements: objectToSave, type: Sequelize.QueryTypes.UPDATE }
            ).then(projects => {
              console.log(projects);
              $scope.editMode = false;
                $scope.activeItem = false;
                $scope.refresh();
            });
    }

请帮助我。谢谢！

Answer 1

enter image description here

 <label><input type="checkbox" name="test" ng-model="testModel['item1']"  /> Testing</label><br />
<label><input type="checkbox" name="test" ng-model="testModel['item2']" /> Testing 2</label><br />
<label><input type="checkbox" name="test" ng-model="testModel['item3']" /> Testing 3</label><br />

提交后，检查testModel索引值是true还是false，然后将该值发送到数据库中。试试这个，希望对您有帮助

如何检查选中了哪个复选框，然后使用Angular将数据保存到数据库中

1 个答案: