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

我有复选框insde标签和设计目的我在那里添加div。我是需求量的获取复选框值标签的onclick事件，现在我得到了所有的时间复选框点击事件标签onclick获取里面的复选框值

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

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

来源

2016-11-07 KaviSuja

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



https://jsfiddle.net/736r00m2/

来源

2016-11-07 11:48:10

谢谢......它的工作 – KaviSuja

这里是一个演示 - 请注意：

当您使用label切换单选按钮/复选框，不要忘记用id和for到label链接到input。
使用false（或根据需要为true）初始化inAtlas的值，或者您将获得undefined，直到您第一次切换复选框。

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); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<body ng-app="test" ng-controller="test"> 
 
    <label class="text-xs col-xs-4 switch" for="check-box"> 
 
    <input type="checkbox" ng-model="inAtlas" id="check-box"> 
 
    <span class="slider round">Toggle me</span> 
 
    </label> 
 
    <br><br> 
 
    <button ng-click="getValue()">Get checkbox value</button> 
 
</body>

让我知道如果您有任何更多的查询，谢谢！

来源

2016-11-07 12:11:05 kukkuz

我试过这个..但它显示错误，即使点击后跨度 – KaviSuja

@KaviSuja怎么回事？检查上面的代码片段 - 也许你没有正确实施......你能再次检查吗？ – kukkuz

你好，我会检查 – KaviSuja

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

回答

相关问题