复选框未绑定到 AngularJS 中的范围 - Javascript

在 AngularJS 中，复选框通常需与 $scope 绑定才能实现数据的双向绑定。若复选框未绑定到 AngularJS 中的范围，则需额外编写 JavaScript 代码来实现复选框值的获取和设置。

获取复选框的值

要获取复选框的值，我们可以使用 JavaScript 中的 document.getElementById() 方法来获取指定的复选框元素，再获取其 checked 属性来判断是否选中。例如：

var checkbox = document.getElementById('myCheckbox');
var isChecked = checkbox.checked;

其中，myCheckbox 为复选框的 ID。

设置复选框的值

要设置复选框的值，我们也可以使用 document.getElementById() 方法来获取指定的复选框元素，再设置其 checked 属性来勾选或取消勾选。例如：

var checkbox = document.getElementById('myCheckbox');
checkbox.checked = true; // 勾选
checkbox.checked = false; // 取消勾选

监听复选框的值变化

要监听复选框的值变化，我们可以使用 JavaScript 中的 addEventListener() 方法来为复选框添加 change 事件监听器。例如：

var checkbox = document.getElementById('myCheckbox');
checkbox.addEventListener('change', function() {
  console.log('复选框的值变为：' + this.checked);
});

其中，this.checked 表示复选框的当前值。

结语

以上介绍了如何在 JavaScript 中获取和设置复选框的值，以及如何监听复选框的值变化。若需应用到 AngularJS 项目中，则需将上述代码结合 AngularJS 的 $scope 绑定来实现数据的双向绑定。