带有更改处理复选框的 AdminLTE 不起作用
AdminLTE with checkbox on change handling not working
我用 iCheck
class 作为我的 checkbox
:
<head>
...
<spring:url value="/resources/js/plugins/iCheck/all.css" var="iCheckCss" />
<link rel="stylesheet" href="${iCheckCss}">
...
<spring:url value="/resources/js/plugins/iCheck/icheck.min.js" var="iCheckJs" />
<script src="${iCheckJs}"></script>
...
</head>
<body>
...
<label><span id="select_all_${groupe_menu.gmnu_code}"></span> <input type="checkbox" class="minimal" id="selectToutC_${groupe_menu.gmnu_code}" /></label>
...
</body>
<script type="text/javascript">
$(function() {
$("span[id^='select_all_']").each(function(){
$(this).html(_getText("admin.choix.select.deselect.tout"));
});
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass: 'iradio_minimal-blue'
});
$(":checkbox[id^='selectToutC_']").on("change", function(e) {
alert("ddddd");
});
});
</script>
在运行时,当我点击复选框时,警告没有显示!那有什么问题吗?
这是iCheck所有可用的回调:Callbacks
您可以改用 ifChanged
事件
您可以使用 ifChanged 事件进行 icheck
//copy address from correspondence address to permanent address
$('#same_address').on('ifChanged', function(event){
if(this.checked) // if changed state is "CHECKED"
{
var correspondence_address = $('#correspondence_address').val();
$('#permanent_address').val(correspondence_address);
}
else
{
$('#permanent_address').val('');
}
});
我用 iCheck
class 作为我的 checkbox
:
<head>
...
<spring:url value="/resources/js/plugins/iCheck/all.css" var="iCheckCss" />
<link rel="stylesheet" href="${iCheckCss}">
...
<spring:url value="/resources/js/plugins/iCheck/icheck.min.js" var="iCheckJs" />
<script src="${iCheckJs}"></script>
...
</head>
<body>
...
<label><span id="select_all_${groupe_menu.gmnu_code}"></span> <input type="checkbox" class="minimal" id="selectToutC_${groupe_menu.gmnu_code}" /></label>
...
</body>
<script type="text/javascript">
$(function() {
$("span[id^='select_all_']").each(function(){
$(this).html(_getText("admin.choix.select.deselect.tout"));
});
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass: 'iradio_minimal-blue'
});
$(":checkbox[id^='selectToutC_']").on("change", function(e) {
alert("ddddd");
});
});
</script>
在运行时,当我点击复选框时,警告没有显示!那有什么问题吗?
这是iCheck所有可用的回调:Callbacks
您可以改用 ifChanged
事件
您可以使用 ifChanged 事件进行 icheck
//copy address from correspondence address to permanent address
$('#same_address').on('ifChanged', function(event){
if(this.checked) // if changed state is "CHECKED"
{
var correspondence_address = $('#correspondence_address').val();
$('#permanent_address').val(correspondence_address);
}
else
{
$('#permanent_address').val('');
}
});