Javascript 如何生成多对数字字段和复选框？（复选框禁用一个数字字段）

我正在尝试生成多对数字表单和一个复选框

单击复选框将禁用数字字段，问题在于只有第一对有效。有人能帮我吗

这是我的代码：

addHRGrade.blade.php

@extends('layouts.default')

@section('content')

<!-- opening the form -->
        {{ Form::open(array('url' => 'students/create', 'method' => 'PUT')) }}

        @foreach($students as $stud)
            <ul>
                <li>
                    <!-- Printing the students retrieved from the dataabase -->
                    {{  $stud->LName. " , " .$stud->FName }}
                    <!-- Making a text field for every students -->
                    <div ng-app="" >
                        <input name="grade" id="no_grade" type="checkbox" value="0" ng-model="checked" />
                        <label>No Grade</label>
                        <input name="grade" id="num_grade" type="number" value="65" ng-model="number" ng-disabled="checked"/>
                    </div>  
                </li>   
            </ul>
        @endforeach

        <!-- Save button -->
        <p> {{Form::submit('Save')}} </p>
        <!-- Closing the form -->
        {{ Form::close() }}

@stop

@extends（'layouts.default'））
@节（“内容”）
{{Form:：open（数组（'url'=>'students/create'，'method'=>'PUT'））}
@foreach（学生为$stud）


{{$stud->LName.，“$stud->FName}
无等级


@endforeach
{{Form:：submit（'Save'）}

{{Form:：close（）}}
@停止

主要问题 您正在为每个表行声明一个

ng app=”“

。我不认为那是你想做的。您应该将所有内容打包到一个应用程序中。此外，您不向

ngApp

和

ngController

分配任何内容，因此您无法实现任何进一步的逻辑

附带问题 当您修复了主要问题时，您将看到，每个复选框和文本框将显示相同的值，因为您将相同的模型分配给每个复选框和文本框。文本框

---

value=“65”

不会起任何作用。您希望显示模型数据，因此需要显示模型数据（在启动时未定义）。要设置初始值，请使用

ng init=“number=65”

哦，感谢您指出这一点。这帮了大忙！顺便问一下，我应该把“ng init=“XXXX”放在哪个标签上？“number=65”中的数字是否属于我分配给html表单的名称？或者只是在控制器内声明了一个变量。。