无法选中在metronic管理主题中使用jquery取消复选框

Question

我正在使用metronic管理主题为我的项目之一。

http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469

我必须根据数据库中的数据选中或取消复选框，但问题是我无法使用jquery在metronic主题中选中或取消选中复选框。我已经尝试了两种方式来完成这个任务，使用道具和攻击，但没有什么是我的工作。如果我在我的自定义网页上运行相同的代码，它运行的非常好.

$("#checkbox").prop("checked",true);
$("#checkbox").attr('checked',false);
$("#checkbox").attr('checked','checked');

Answer 1

如果您正在使用metronic，请尝试在道具后面添加这一行：

$.uniform.update();

Metronic主题使用统一库将标准的表单元素修改为花哨元素。如果使用jquery检查或取消检查元素，则会更新它，但它不会反映在前端。要在前端更新此操作，需要使用统一库进行更新。

$.uniform.update()根据更新的操作重新设置元素的样式。

Answer 2

在角Js循环中使用时，添加输入类复选框是解决此问题的最佳方法。

这是非常有效的：

​

​

Answer 3

我也使用大都会的主题，但没有这样的问题:我认为问题可能是你的“未检查”和“检查”不匹配；我的意思是:你应该

var checked = $(this).is(":checked");
$.each(function() {
  if (checked) {
     $(this).prop("checked", true);//or $(this).attr("checked", true);
  } else {
     $(this).prop("checked", false);//or $(this).attr("checked", false),can't use $(this).removeAttr('checked');
  }
});

如果你使用removeAttr，你应该

$(this).attr('checked', 'checked');
$(this).removeAttr('checked');

如果最重要的是它不起作用，您可以尝试：

$(this)[0].checked=true;// when I use ,find return array,so add [0];
$(this)[0].checked=false;