jQueryのチェックボックス値を取得するには？

jqueryでチェックボックスの値を取得したいのですが、ここではチェックボックスの値が "ng-model"のanglejsから来ています。私は何をしたいですか：私はチェックボックスの値を取得し、その真実か偽かを見て、それらの値に応じてブートストラップの崩壊のaddclassをしたいと思います。jQueryのチェックボックス値を取得するには？

function enable() 
    { 
     debugger; 
     $('#chckbox').each(function() { 
      var enbl = $(this).val(); 
      if (enbl == 'true') { 
      $('#chrt').removeClass('.collapse').addClass('.collapse in'); 
      } 
      else 
      { 
      $('#chrt').removeClass('.collapse in').addClass('.collapse'); 
      } 
     }); 
    }

と私のチェックボックスは、次のとおりです：ここで

は私のjqueryのです

<span id="chck" > 
<input type="checkbox" name="enablechckbox" class="md-check" style="margin-left: 183px;color:#4d8e98;" id="EnableIdchck" ng-model="Enable" ng-change="showHideDiv()"> 
<label for="EnableID" style="margin-left: 185px;color:#4d8e98;"> 
<span style="margin-left: 282px;color:#4d8e98;"></span> 
<span class="check" style="margin-left: 295px;color:#4d8e98;"></span> 
<span class="box" style="margin-left: 298px;color:#4d8e98;"></span> 
Enable Data</label> 
</span>

出典

2016-09-30 Rohit Pathak

あなたは、そのステータス変更QUEあなたのチェックボックスの値にアクセスするためにこのコードを使用することができます。

$(".EnableIdchck").change(function() { 
    if(this.checked) { 
    //Do stuff 
    }else if (!this.checked){ 
    // Do other Staff 
    } 
});

出典

2016-09-30 11:43:24 Antonio682

なぜあなたはちょうどあなたがすでにそれを使用している場合は角度受け入れる、とあなたのチャートのdivを表示または非表示にする同じモデルを結合していないでしょうか？例：

<div id='chrt' ng-show='Enable'>your content</div>

出典

2016-09-30 11:48:36 Paul

ng-classでng-modelを使用できます。私はjqueryと角度の混在を避けることをお勧めします。

var app = angular.module("myApp",[]); 
 

 
//controllers declaration 
 
app.controller('myCtrl1',function($scope){ 
 
    //do something 
 
});

.red{ 
 
    background-color:red; 
 
} 
 
.green{ 
 
    background-color:green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="myApp"> 
 

 
<div class="div1" ng-controller="myCtrl1"> 
 
    <input type="checkbox" ng-model="checked"> 
 
    <span ng-class="checked?'red':'green'">Content</span> 
 
</div> 
 
</body>

出典

2016-09-30 13:29:17 ram1993

私は1つは、ユーザーが崩壊作業のチェックボックスを選択した場合、適切に新たなページを追加し、彼/彼女はボタン保存DBに値ストアをクリックした場合はここで新しいページを追加しています。もし彼/彼女がそのページを編集したいのであれば、全ての塗りつぶしされた値がチェックボックスに来ると思います。そして、その崩壊クラスも来ていないので、ユーザーがaddnewページで選択して、パネル。 –

選択したチェックボックスの値が保存されず、dbから取得されません。右？ – ram1993

jQueryのチェックボックス値を取得するには？

答えて

関連する問題