如何获取 Nativescript 中复选框的值？

Question

我是 nativscript 的新手，我正在使用 nativescript-checkbox。我想从 checkbox.i 中获取值，在 git 中心看到，但我没有找到获取属性的解决方案。 https://libraries.io/npm/nativescript-checkbox

有什么建议吗？

Answer 1

这是一个非常基本的示例，说明如何处理 nativescript-checkbox 插件中的复选框。

例如对于启用 TypeScript 的项目

page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
      xmlns:CheckBox="nativescript-checkbox" 
      loaded="pageLoaded">
  <StackLayout>
    <CheckBox:CheckBox text="CheckBox Label" id="myCheckbox" checked="false" />
    <Button text="on toggleCheck" tap="toggleCheck" />
    <Button text="on getCheckProp" tap="getCheckProp" /> 
  </StackLayout>
</Page>

page.ts

    import { EventData } from 'data/observable';
    import { Page } from 'ui/page';
    import { CheckBox } from 'nativescript-checkbox';
    import { topmost } from 'ui/frame';

    let page;

    export function pageLoaded(args: EventData) {
      page = <Page>args.object;
    }

    export function toggleCheck() {
      let checkBox = <CheckBox>page.getViewById('myCheckbox');
      checkBox.toggle();
    }

    export function getCheckProp() {
      let checkBox = <CheckBox>page.getViewById('myCheckbox');
      console.log('checked prop value = ' + checkBox.checked); // will return true of false
    }

如何获取 Nativescript 中复选框的值？

How to get value of check box in Nativescript?

javascript

xml

nativescript