checkbox - Dartでチェックボックスまたはラジオボタンがチェックされているかどうかを知る方法は?

Question

チェックボックスとラジオボタングループがあり、チェックボックスがチェックされているかどうか、どのラジオボタンが選択されているかを知りたいです。

ダーツでこれを行うにはどうすればよいですか?

Answer 1

次のような HTML があるとします。

    <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 コードは次のようになります。また、チェックボックスがクリックされたときにイベントを追加しました。

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}");
    });
  });

}