Javascript 如何使用angular创建基于选择下拉列表的复选框值?

Javascript 如何使用angular创建基于选择下拉列表的复选框值?,javascript,jquery,angularjs,checkbox,Javascript,Jquery,Angularjs,Checkbox,我有三星手机型号的复选框列表。 我还有两个提议 $scope.offers = [ { id: "as23456", Store: "samsung", Offer_message:"1500rs off", modalname: "Samsung Galaxy Young" },{ id: "de34575", Store: "samsung", Of

我有三星手机型号的复选框列表。
我还有两个提议

$scope.offers = [
    {
        id: "as23456",
        Store: "samsung",
        Offer_message:"1500rs off",
        modalname: "Samsung Galaxy Young"       

    },{
        id: "de34575",
        Store: "samsung",
        Offer_message:"20% Flat on Samsung Galaxy S6",
        modalname: "Samsung Galaxy S6"       

    },
    ]
在这里,如果用户查看了三星Galaxy S6,我们需要使用优惠数据检查我们是否有针对三星Galaxy S6的优惠

如果我们有优惠选择下拉列表,则应随附优惠信息

<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy Young">1500rs off</option>
</select>
<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy Young">1500rs off</option>
       <option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>

请选择报价
三星Galaxy S6上20%平坦
如果用户检查了三星Galaxy Young,我们需要使用优惠数据检查是否有针对三星Galaxy Young的优惠。
如果我们有优惠选择下拉列表,则应随附优惠信息

<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy Young">1500rs off</option>
</select>
<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy Young">1500rs off</option>
       <option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>

请选择报价
1500卢比
如果用户同时检查了三星Galaxy Young和三星Galaxy S6,则我们需要使用报价数据检查是否有针对三星Galaxy Young和三星Galaxy S6的报价

如果我们有优惠选择下拉列表,则应随附优惠信息

<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>
<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy Young">1500rs off</option>
</select>
<select >
  <option value="0">Please Select Offer</option>
      <option value="Samsung Galaxy Young">1500rs off</option>
       <option value="Samsung Galaxy S6">20% Flat on Samsung Galaxy S6</option>
</select>

请选择报价
1500卢比
三星Galaxy S6上20%平坦
如果用户没有选择这两款(三星Galaxy Young、三星Galaxy S6),则选择下拉列表不应出现,因为我们没有其他型号的产品


以下是我的

更新您的检查方法,如下所示:

 $scope.check = function()
 {
     var checkedItems = [];
     for(var i=0;i<$scope.items.length;i++)
     {
        if($scope.items[i].selected == true){
           checkedItems.push($scope.items[i].name);
        }
     }

     $scope.validOffers = [];
     for (var i=0; i<checkedItems.length; i++) {
        var checkedModel = checkedItems[i];
        for (var j=0; j<$scope.offers.length; j++) {
           if ($scope.offers[j].modalname == checkedModel) {
              $scope.validOffers.push($scope.offers[j]);
           }
        }
     }        
}
$scope.check=function()
{
var checkedItems=[];
对于(变量i=0;i

{{item.name}
{{offer}}
功能测试1控制器($scope){
var storeid=window.localStorage.getItem(“storeid”);
var serverData=[“三星Galaxy Note”、“三星Galaxy S6”、“三星Galaxy Avant”、“三星Galaxy Young”];
$scope.items=[];

对于(var i=0;inothing正在工作,请检查小提琴。请在提交后更新小提琴,同时检查并取消选中它,而不是在提交后检查复选框,例如如果用户选中了三星Galaxy S6,则在提交按钮之前应出现下拉菜单,该按钮应显示提供消息。仅选项值应添加而不是多个下拉菜单选择列表移动在提交按钮之前…我想就是这样!下拉列表应该在选中复选框之后出现,而不是在提交之后。并且只有一个下拉列表应该不会出现多次,但是如果我取消选中,它应该不会显示未选中的model OfferFafter submit,我如何才能获得选中的报价?I don submit从范围变量中获取下拉列表值。然后对于从下拉列表中获取的每个值自己检查报价数组是否相等,并在找到匹配项时返回相应的id。与ToggleSelection中的for循环类似,我无法获取报价下拉列表值,请帮助我解决此问题