如何知道 Dart 中是否选中了复选框或单选按钮? [英] How to know if a checkbox or radio button is checked in Dart?

问题描述

我有一个复选框和一个单选按钮组，我想知道是否选中了复选框以及选择了哪个单选按钮.

I have a checkbox and a radio button group and I want to know if the checkbox is checked and which radio button is selected.

我如何在飞镖中做到这一点?

How do I do this in dart?

推荐答案

假设我们有这样的 HTML:

Let's say we have your HTML with something like this:

    <form >
      <input type="radio" name="gender" id="gender_male" value="male">Male<br>
      <input type="radio" name="gender" id="gender_female" value="female">Female
    </form>

    <form>
      <input type="checkbox" id="baconLover">I like bacon<br>
    </form>

获取它们的值的 Dart 代码如下所示，我还添加了一个事件来知道何时单击了复选框.

Your Dart code to obtain their values would be something like the following, I also added an event to know when the checkbox is clicked.

import 'dart:html';

void main() {

  // Adds a click event when the checkbox is clicked
  query("#baconLover").on.click.add((MouseEvent evt) {
    InputElement baconCheckbox = evt.target;

    if (baconCheckbox.checked) {
      print("The user likes bacon");
    } else {
      print("The user does not like bacon");
    }

  });

  // Adds a click event for each radio button in the group with name "gender"
  queryAll('[name="gender"]').forEach((InputElement radioButton) {
    radioButton.onclick.listen((e) {
      InputElement clicked = e.target;
      print("The user is ${clicked.value}");
    });
  });

}

这篇关于如何知道 Dart 中是否选中了复选框或单选按钮?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！