How to check if a checkbox is checked?

[TDroogers]

Hi, I have found the function: cut.Find("#MockCheckboxId").IsChecked()

However this always returns false for the input field below.

<input id="MockCheckboxId" name="MockCheckboxId" type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" checked="@FCheckbox.IsChecked" @onchange="CheckChanged">

How can i find if the checkbox is checked?

[egil]

Hi @TDroogers, I think you might want to just do cut.Find("#MockCheckboxId").HasAttribute("cheched") or cut.Find("#MockCheckboxId").GetAttribute("cheched") and inspect the value.

[TDroogers]

Thanks, this solved it. The output from GetAttribute works. Oddly enough the result is null (false) or empty (true), but I can write a reliable test.

The tests below pass.

var checkedValue = cut.Find("#MockCheckboxId").GetAttribute("checked");
Assert.Null(checkedValue);
checkbox.Change(true);
checkedValue = cut.Find("#MockCheckboxId").GetAttribute("checked");
Assert.Empty(checkedValue);
checkbox.Change(true);
checkedValue = cut.Find("#MockCheckboxId").GetAttribute("checked");
Assert.Null(checkedValue);

[egil]

Indeed. That is because the HTML5 spec allows for the checked attribute to just exist to indicate a checked state, so that is probably what Blazor generates to save a few bytes, i.e. checked="true" or checked="checked" is redundant.