如何通过代码取消KnockoutJS模板中绑定的复选框勾选状态？

你遇到的这个问题其实是KnockoutJS checked 绑定与observableArray配合的典型场景，解决起来很直接——只要把对应的值从你的checkTest数组里移除就行，Knockout会自动同步UI状态。

具体实现方法 #

因为你的复选框值是字符串 "5303"（HTML里input的value默认都是字符串类型），所以直接用observableArray内置的remove方法就可以：

// 直接移除匹配的字符串值
$scope.checkTest.remove("5303");

如果需要更精准的匹配逻辑（比如数组里可能存在类型混淆的情况），可以用带回调函数的remove版本：

// 用回调函数精准匹配元素
$scope.checkTest.remove(function(item) {
  return item === "5303";
});

原理说明 #

Knockout的checked绑定和observableArray是双向绑定的：

• 当你勾选复选框，对应的值会自动加入数组
• 当你从数组里移除某个值，对应的复选框会自动取消勾选

只要确保你操作的是observableArray（而不是普通数组），Knockout就会自动触发UI更新，完全不需要手动操作DOM元素。

内容的提问来源于stack exchange，提问作者joeyanthon