標籤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獲取裏面的複選框值

回答

相關問題