Javascript 如果选中复选框,则绑定文本框值

Javascript 如果选中复选框,则绑定文本框值,javascript,angularjs,ng-repeat,Javascript,Angularjs,Ng Repeat,如何根据条件将文本框值传递给控制器。 如果选中复选框,则将文本框与对象值绑定并以其他方式传递给控制器,只需将其留空并将用户输入传递给控制器即可。。我正在做的是不工作。我的代码有什么问题?如果选中复选框,它将在这种情况下工作 $scope.Product = [ {"ProductID":12,"LNumber":"hrx",weght:"2"}, {"ProductID":13,"LNumber":"pty",weght:"1"} ] <div&g

如何根据条件将文本框值传递给控制器。 如果选中复选框,则将文本框与对象值绑定并以其他方式传递给控制器,只需将其留空并将用户输入传递给控制器即可。。我正在做的是不工作。我的代码有什么问题?如果选中复选框,它将在这种情况下工作

$scope.Product = [
        {"ProductID":12,"LNumber":"hrx",weght:"2"},
        {"ProductID":13,"LNumber":"pty",weght:"1"}
    ]

<div>
<div>
  <input type="checkbox" data-ng-model="Copyknotes" />
  <span >Copy notes from</span>
</div>

<table data-ng-repeat="Item in Product track by $index">                                          
   <tr >
     <td>                                              
        <input type="radio" name="groupName_{{Item.ProductID}}"  data-ng-model ="Item.isSelected"  />
     </td>
     <td data-ng-if="Copyknotes == true">
       <input type="text" data-ng-model="Item.LNumber">
      </td>
      <td data-ng-if="Copyknotes == false" id="hi">
      <input type="text" data-ng-model="Item.LNumber=""">
       </td>
       </tr>
</table>
</div>
$scope.Product=[
{“ProductID”:12,“LNumber”:“hrx”,weght:“2”},
{“ProductID”:13,“LNumber”:“pty”,weght:“1”}
]
抄袭

使用
范围.功能

<input type="checkbox" data-ng-model="Copyknotes" ng-change="changeValue(Copyknotes)" />

//Code should be inside Angular js controller
$scope.changeValue = function(Copyknotes){
   if(Copyknotes)
   {
     //Manipulate text box value here
     $scope.Item.LNumber = 'whatever';
   }
}

//代码应该在AngularJS控制器中
$scope.changeValue=函数(Copyknotes){
如果(复制节点)
{
//在此操作文本框值
$scope.Item.LNumber='whatever';
}
}

使用
范围.功能

<input type="checkbox" data-ng-model="Copyknotes" ng-change="changeValue(Copyknotes)" />

//Code should be inside Angular js controller
$scope.changeValue = function(Copyknotes){
   if(Copyknotes)
   {
     //Manipulate text box value here
     $scope.Item.LNumber = 'whatever';
   }
}

//代码应该在AngularJS控制器中
$scope.changeValue=函数(Copyknotes){
如果(复制节点)
{
//在此操作文本框值
$scope.Item.LNumber='whatever';
}
}
以下是一个示例:


表达式错误-data ng model=“Item.LNumber=”“”-如果要分配新值,可以使用Item.LNumber=“””(双引号中的两个单引号)避免与标记属性“”符号发生干扰。我已经做了一个活生生的例子来说明如何做到这一点。不知道控制器是否需要输入的原始值,因此新值(当复选框未选中时)将保存为NNumber。如果需要,您可以自由地将其更改为LNumber。此外,ng init指令用于在将输入呈现到视图中时启动对象的NNumber参数。 您还应该定义要比较的Copyknotes。或者编写您的条件,如ng if=“Copyknotes”,ng if=“!Copyknotes”。

以下是一个示例:


表达式错误-data ng model=“Item.LNumber=”“”-如果要分配新值,可以使用Item.LNumber=“””(双引号中的两个单引号)避免与标记属性“”符号发生干扰。我已经做了一个活生生的例子来说明如何做到这一点。不知道控制器是否需要输入的原始值,因此新值(当复选框未选中时)将保存为NNumber。如果需要,您可以自由地将其更改为LNumber。此外,ng init指令用于在将输入呈现到视图中时启动对象的NNumber参数。 您还应该定义要比较的Copyknotes。或者写下您的条件,如ng if=“Copyknotes”,ng if=“!Copyknotes”。

只需使用

数据ng init=“”

而不是

data-ng-model="Item.LNumber=""" 
使用

data ng model=“Item.LNumber”
只需使用

数据ng init=“”

而不是

data-ng-model="Item.LNumber=""" 
使用

data ng model=“Item.LNumber”

如果未勾选复选框,可能是因为Copyknotes未定义?如果未勾选复选框,可能是因为Copyknotes未定义?
data-ng-model="Item.LNumber=""" 
data-ng-model="Item.LNumber"


<table data-ng-repeat="Item in Product track by $index">                                          
   <tr >
     <td>                                              
        <input type="radio" name="groupName_{{Item.ProductID}}"  data-ng-model ="Item.isSelected"  />
     </td>
     <td data-ng-if="Copyknotes == true">
       <input type="text" data-ng-model="Item.LNumber">
      </td>
      <td data-ng-if="Copyknotes == false" id="hi">
      <input type="text" data-ng-model="Item.LNumber" data-ng-init="">
       </td>
       </tr>
</table>