HarmonyOS 鸿蒙Next chebox如何获取chebox对应的值？

HarmonyOS 鸿蒙Next chebox如何获取chebox对应的值？ 【JS】chebox的change事件如何获取chebox对应的值？

开发实例

UI

DevEco Studio

发表于 2023-02-06 15:30 23查看

.hml

<div class="alarm-recycle">
    text 周一
    input type=checkbox value="Monday" onchange="cyclechange"
</div>

.js

cyclechange({ value:inputValue }){
    this.cycle = inputValue
},

debug单步运行发现e中并没有value，那怎么才能获得chebox的value？也就是获取到“Monday”


更多关于HarmonyOS 鸿蒙Next chebox如何获取chebox对应的值？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

楼主，你好，当type = checkbox时，change方面里面只能使用这个变量，可以这样用。参考文档：https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-basic-input-0000001281001178

hml：

<input type="checkbox" value="{{value1}}" onchange="inputChange">

js：

inputChange({checked}){
    this.value = checked?this.value1:''
    console.log(JSON.stringify(checked))
    console.log(JSON.stringify(this.value))
}

cke_480.png

更多关于HarmonyOS 鸿蒙Next chebox如何获取chebox对应的值？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS（鸿蒙）系统中，若你想获取Checkbox（复选框）对应的值，通常可以通过其状态属性来实现。以下是一个直接获取Checkbox值的方法，不涉及Java或C语言：

在鸿蒙的ArkUI（eTS或JS UI框架）中，Checkbox组件有一个checked属性，该属性表示Checkbox是否被选中。你可以通过读取这个属性来获取Checkbox的当前状态。

示例代码如下：

@Entry
@Component
struct CheckboxExample {
  @State isChecked: boolean = false;

  @Builder checkboxHandler(checked: boolean) {
    this.isChecked = checked;
    console.log("Checkbox is checked: " + this.isChecked);
  }

  build() {
    Row() {
      Checkbox({ checked: this.isChecked, onChange: this.checkboxHandler })
        .text("Accept Terms")
    }
  }
}

在这个例子中，Checkbox组件的checked属性绑定到组件的isChecked状态变量。当用户点击Checkbox时，onChange事件触发checkboxHandler函数，该函数更新isChecked的值并在控制台打印Checkbox的状态。

如果你正在使用原生鸿蒙开发（如C++或ETS的某些特定场景），方法可能略有不同，但核心思想是通过监听Checkbox的状态变化来获取其值。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部