如何在jQuery中检索复选框值?

时间:2016-09-30 11:25:11

标签: jquery angularjs asp.net-mvc-4

我想通过jquery检索复选框值,这里我的复选框值来自“ng-model”angularjs。 我想要的是: 我想检索复选框的值,看看它是真还是假,根据那些值,我想添加引导程序崩溃类。

3 个答案:

答案 0 :(得分:1)

您可以使用此代码访问您的状态更改的复选框值。

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

答案 1 :(得分:1)

如果您已经使用Angular,为什么不接受Angular,并绑定相同的模型来显示或隐藏您的图表div?例如:

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

答案 2 :(得分:0)

你可以使用ng-model和ng-class。我建议避免混合jquery和角度。

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

//controllers declaration
app.controller('myCtrl1',function($scope){
  //do something
});
&#13;
.red{
  background-color:red;
}
.green{
  background-color:green;
}
&#13;
<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>
&#13;
&#13;
&#13;