调用函数的HTML Knockout单选按钮

HTML Knockout radio button to call function

本文关键字：Knockout 单选按钮 HTML 函数 调用      更新时间：2023-10-10

我使用敲除来循环一个数组，以显示带有标签的单选按钮列表，我希望它能在选择单选按钮时调用函数onInputChange。

我当前的代码是：

<p data-bind="foreach:properties">
    <br>
    <input name="filter" type="radio" data-bind="checked:$root.sortType, event:$root.onInputChange">
    <label for="filter" data-bind="text:id"></label>
    <br>
</p>

您应该在以下操作

<input name="filter" type="radio" data-bind="checked:$root.sortType, event: { change: $root.onInputChange}">

类似的东西？

var model = function() {
  var sortType = ko.observable("Two");
  var properties = ko.observableArray([{id: "One"}, {id: "Two"}, {id: "Three"}]);
  function onInputChange(item) {
    alert("changed to: " + item.id);
  }
  return {
    sortType: sortType,
    properties: properties,
    onInputChange: onInputChange
  };
}
ko.applyBindings(model);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<p data-bind="foreach:properties">
  <br>
  <input name="filter" type="radio"
      data-bind="value: id, 
         checked:$parent.sortType, 
         event: {change : $parent.onInputChange }">
  <label for="filter" data-bind="text:id"></label>
  <br>
</p>

相关文章：