onLlick里面的标签获取复选框值

时间:2016-11-07 11:32:17

标签: css angularjs checkbox onclick

我有复选框insde标签,出于设计目的,我在那里添加div。我的要求是获取复选框值onclick标签事件,现在我得到假的所有时间复选框点击事件

<label class="text-xs col-xs-4 switch">
  <input type="checkbox" ng-model="inAtlas"> 
  <div class="slider round"></div>                                  
</label>

我希望点击$scope.inAtlas获得label值。目前所有点击事件都是假的。

2 个答案:

答案 0 :(得分:1)

ur missing somiting missed so i will done on fiddle check it
See this jsfiddle



https://jsfiddle.net/736r00m2/

答案 1 :(得分:0)

这是一个演示 - 请注意:

  1. 当您使用label切换单选按钮/复选框时,请勿忘记使用label和{inputid相关联{1}}。

  2. 使用false初始化for的值(或根据需要使用true),否则您将获得inAtlas,直到您第一次切换复选框。

  3. &#13;
    &#13;
    undefined
    &#13;
    var app = angular.module("test", []); 
    app.controller("test", function($scope){
      $scope.inAtlas = false; /*better to do this - or undefined till you toggle the checkbox*/
      $scope.getValue = function(){
        console.log($scope.inAtlas);
      }
    });
    &#13;
    &#13;
    &#13;

    如果您有任何疑问,请告诉我,谢谢!