Binding radio buttons

[g105b]

This is something that seems currently unimplemented. If there is a bunch of radio buttons, and a known value, how to bind the corresponding radio's checked attribute?

[g105b]

A possible solution:

Using the = character to bind a bool, depending on whether the "sex" bind property matches the given value.

<input type="radio" name="sex" value="male" data-bind:checked="sex=male" />
<input type="radio" name="sex" value="female" data-bind:checked="sex=female" />

which could be further simplified to the following (due to the "value" attribute containing the value that we want to match to)

<input type="radio" name="sex" value="male" data-bind:checked="sex=@value" />
<input type="radio" name="sex" value="female" data-bind:checked="sex=@value" />

and I suppose this could be even further simplified to

<input type="radio" name="sex" value="male" data-bind:checked="@name=@value" />
<input type="radio" name="sex" value="female" data-bind:checked="@name=@value" />

but there's something funky about that syntax

$binder->bindData($person);

class Person {
  public function __construct(
    public readonly string $id,
    public readonly string $name,
    public readonly DateTime $dateOfBirth,
    public readonly Sex $sex,
  } {}
}

Enum Sex {
  case male;
  case female;
}

The idea here being that we already have this syntax:

<span id="name" data-bind:text="@id">Your name</span>

The @ character is a "bind key modifier", which expands to the value of the named attribute.

If this makes sense, I'll implement this feature as a "boolean value modifier" and document on the Modifier characters wiki page.

[g105b]

Note that this will also be really useful with data-bind:remove usage.