使用自定义复选框，将函数调用到其更改的事件

Question

我正在使用自定义复选框

这个

的HTML

此CSS的

input[type=checkbox].css-checkbox {
position: absolute; 
 overflow: hidden; 
 clip: rect(0 0 0 0); 
  height:1px; 
 width:1px; 
  margin:-1px; 
 padding:0;
 border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:20px;
height:15px; 
display:inline-block;
line-height:15px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;
}


input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -15px;
}

.css-label{
background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);
 }

http://csscheckbox.com/这是我从中获取自定义复选框的参考链接 如果选中复选框，我想要调用函数 我现在做了什么

$("#coverage_checkbox").click(function () {
  var  a =  $(this).is("checked");
});

但每次都是假的

Answer 1

试试这个： - http://jsfiddle.net/adiioo7/x32r9/

<强> JS： -

jQuery(function($){
    $("#checkboxn01").on("change",function(){
        alert($(this).is(":checked"));
    });
});

Answer 2

$("#coverage_checkbox").click(function () {
  var  a =  $(this).is(":checked");
});

Answer 3

在$(this).is("checked")变量周围添加if语句，并在其间添加您的函数。

http://jsfiddle.net/rxjpC/1/

Answer 4

根据页面上的CSS，真实复选框设置为1x1大小，当您更改复选框图标时，您应该更改真实的复选框状态